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">
<!--
您的浏览器不支持JavaScript,请查看;
//-->
</script>
方式二:通过noscript标签
若浏览器不支持JavaScript,则会显示标签里的内容,若浏览器支持JavaScript则会跳过该标签,继续执行代码。
<noscript type="text/javascript">
您的浏览器不支持JavaScript,请查看;
</noscript>
更多推荐
HTML与Javascript链接方式
发布评论