javascript基础知识（一）——JavaScript在页面中的使用

最新推荐文章于 2023-08-16 14:35:25 发布

Modaa_

最新推荐文章于 2023-08-16 14:35:25 发布

阅读量587

点赞数

分类专栏： javascript 文章标签： javascript 脚本语言

本文链接：https://blog.csdn.net/qq_37425546/article/details/54869687

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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包含外部文件的语法相同