在HTML中使用JavaScript

来源:互联网 发布:印章制作软件 编辑:程序博客网 时间:2024/05/18 01:48

1、<script>元素的嵌入
不要使用以下格式:

<script type="text/javascript" src="test.js" />
应使用符合HTML规范的格式,避免在某些浏览器中得不到正确的解析:
<script type="text/javascript" src="test.js"></script>

2、<script>元素在页面中的嵌入位置
一般情况下<script>元素是放在页面的<head>元素中:

<html>    <head>        <title>Test</title>        <script type="text/javascript" src="test.js"></script>    </head>    <body>    <!-  这里是页面内容  -->    </body></html>

考虑到html页面的解析顺利是自上而下有序进行的,如果<head>元素内包含了大量的JavaScript代码,那么会造成页面在浏览器中呈现延迟的现象,所以应将<script>元素放在<body>元素的最低端,也就是在</body>标签之上:
<html>    <head>        <title>Test</title>    </head>    <body>    <!-  这里是页面内容  -->    <script type="text/javascript" src="test.js"></script>    </body></html>

3、<noscript>元素的用法
当浏览器脚本被禁用时作为一个提示作用:
<html>    <head>        <title>Test</title>    </head>    <body>    <noscript>        <p>本页面需要启用浏览器的JavaScript功能</p>    </noscript>    <script type="text/javascript" src="test.js"></script>    </body></html>


原创粉丝点击