HTML与Javascript链接方式

港控/mmm° 2022-06-16 10:26 223阅读 0赞

# HTML与Javascript链接    #

## 通过在<script></script>中直接编写 ##

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title>js开发</title>
    	</head>
    	<body>
    	<script type="text/javascript">；
    		alert('麦子学院js课程开课啦')
    	</script>
    	</body>
    </html>

## 外部链接js文件 ##

通过<script src='目标文档的URL'></script>链接外部的Js文件

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title>js开发</title>
    	</head>
    	<body>
    	<script type="text/javascript" src="js/text1.js">
    	</script>
    	</body>
    </html>

document.write('this is a text');

### 注意： ###

一般情况下，JavaScript链接直接写在title标签里。

## 作为某个元素的事件属性值或者是超链接的href属性值 ##

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title>js开发</title>
    	</head>
    	<body>
    	<a href="javascript:confirm('您确认要进入JavaScript世界吗？')">确认</a>
    	<p οnclick="javascript:alert('hellow world!')">welcome come in javascipt</p>
    	</body>
    </html>

# 代码屏蔽 #

## 方式一：通过注释    ##

用<--

您的浏览器不支持JavaScript，请查看。

//-->

若浏览器不支持JavaScript，则会显示注释内容，若浏览器支持JavaScript则会跳过注释，继续执行代码。

<script type="text/javascript">
    	
    </script>

## 方式二：通过noscript标签 ##

若浏览器不支持JavaScript，则会显示标签里的内容，若浏览器支持JavaScript则会跳过该标签，继续执行代码。

<noscript type="text/javascript">
           您的浏览器不支持JavaScript，请查看;
    </noscript>

发表评论取消回复

表情：

评论列表（有 0 条评论，223人围观）

还没有评论，来说两句吧...

相关阅读

相关链接标签（HTML）

链接标签（HTML） <!DOCTYPE html> <html lang="en"> <head> <meta charset=

清疚/ 2023年10月03日 12:22/ 0 赞/ 22 阅读

相关 HTML5链接

1、链接数据：文本链接图片链接 <a href="http://www.jikexueyuan.com" >点击我</a> <br/>

川长思鸟来/ 2022年07月10日 12:59/ 0 赞/ 224 阅读

相关 html链接

html+css网站开发兵书 1.超链接的目标页面 \\链接元素 target参数的取值： _parent 在上一级窗口打开，分帧的框架

阳光穿透心脏的1/2处/ 2022年06月18日 04:23/ 0 赞/ 202 阅读

相关 HTML与Javascript链接方式

HTML与Javascript链接通过在<script></script>中直接编写 <!DOCTYPE html> <html>

港控/mmm°/ 2022年06月16日 10:26/ 0 赞/ 224 阅读

相关 HTML与CSS的链接方式

HTML与CSS的链接方式分类：一.行内式直接在标签后面添加该标签的属性值例如: <table bgcolor="black" cellspac

r囧r小猫/ 2022年06月16日 01:41/ 0 赞/ 191 阅读

相关 HTML——超链接

一、What？——什么是超链接先说一下我个人目前对“超链接”的理解，就两字：跳转哈哈，我个人的理解好像解释的有点简单粗暴了，比原词还

青旅半醒/ 2022年06月11日 06:59/ 0 赞/ 350 阅读

相关 html 邮件链接

在网页中可以设置如“联系我们”、“问题反馈”等所谓的邮箱链接，类似网页超链接，只是可以直接打开默认邮箱程序。使用<a href="mailto:youEMail@xxx.y

女爷i/ 2022年05月14日 10:58/ 0 赞/ 220 阅读

相关 CSS链接HTML的方式有哪些

CSS连接到html的方式有：直接在标签内写CSS样式；通过style在头部直接写入CSS；通过link外部链接一个CSS文件；接入多个CSS文件时通过url来实现。学习

待我称王封你为后i/ 2022年02月03日 10:47/ 0 赞/ 359 阅读

相关 HTML_02 —— html链接

链接： <a href="链接网址"> 点击提醒 </a> <!doctype html> <html> <head> <meta ch

我就是我/ 2021年12月17日 00:43/ 1 赞/ 355 阅读

相关 html 超链接

超链接(行内元素) <a>一定要写点击超链接名称,可以是文字或图片</a> 属性 href 写要跳转的网页资源路径

ゞ浴缸里的玫瑰/ 2021年07月24日 21:43/ 0 赞/ 602 阅读