本文介绍了如何将HTML与JavaScript结合使用来创建动态网页。主要内容包括直接在HTML文档中编写JavaScript代码、通过外部链接引入JavaScript文件、利用事件属性进行交互操作以及代码屏蔽技巧等。
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 onclick="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>
扫一扫
358
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
