JavaScript在页面中的使用
1.向页面插入javascript的方法:
1.使用<script> 标签(外部引用和嵌入) 2.直接事件定义 < οnclick=”js代码”>
2. <script> 标签的位置:
注: JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。老旧的实例可能会在 <script> 标签中使用 type=”text/javascript”。现在已经不必这样做了。把<script> 标签安置到同一处位置,不会干扰页面的内容。 1.<head>元素中(传统的方法) ,对于需要很多javascript代码的页面,必须等到全部js代码都被下载,解析和执行完成以后,才呈现页面内容,会使浏览器呈现页面时出现延迟空白等(浏览器在遇到<body> 标签时才呈现内容) 1.<body>中会在页面加载时向 HTML 的 <body>写文本(最好放在文档最后 </body>标签前,使浏览器更快加载页面) 嵌入代码:
<body>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</body>
外部文件 引用代码: <script src="myScript.js"></script>
嵌入代码与外部文件比较:
1.可维护性:嵌入在html中的代码可维护性不高,外部文件可在不触及html标记集中编辑javascript
2. 可缓存:浏览器可缓存链接的所有外部javascript文件,若有使用到相同文件时只需下载一次,加快页面加载速度
3. 适应未来:html和xhtml包含外部文件的语法相同
转载请注明原文地址: https://ju.6miu.com/read-659475.html