javascript基础知识(一)——JavaScript在页面中的使用

    xiaoxiao2021-03-26  63

    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

    最新回复(0)