在HTML中使用js:一共有两种方式,一种是引入外部脚本,一种是使用嵌入脚本。
外部脚本的引入可以放在head标签中,也可以放在body中,二者只是脚本加载的时机不同。
嵌入脚本也一样。
同时在body中引入脚本要注意可能在需要执行脚本代码的时候,脚本还未加载。
如下面例子中,如果把外部脚本的引入放在body元素内容最后面,在执行<script>中的lyc()时,脚本还未加载,因此不能正常执行。(建议将脚本放在body最后引入)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS学习</title>
<script type="text/javascript" src="js/lyc-js.js"></script><!-- 引入外部脚本 -->
<script type="text/javascript">
//嵌入脚本,此处语法遵循javascript的语法,注释也是
</script>
</head>
<body>
<button οnclick="lyc()" value="hello World!">hello World</button>
<script>
lyc();
</script>
<!--<script type="text/javascript" src="js/lyc-js.js"></script>-->
</body>
</html>
<noscript>可以在不支持javascript的浏览器中向用户显示信息。
在XHTML中,不能出现 '<' 。会被当做开始一个新标签解析。一般不用考虑
<script>还用一些其他的属性,请参考JavaScript高级程序设计
lyc-js.js中内容
function lyc(){
alert('hello World!');
}