当前位置:首页 >综合 >JavaScript代码怎样引入到HTML中? 代码它需要被嵌入 HTML 中

JavaScript代码怎样引入到HTML中? 代码它需要被嵌入 HTML 中

2024-06-28 10:39:25 [百科] 来源:避面尹邢网

JavaScript代码怎样引入到HTML中?

作者:黑马程序员 开发 前端 JavaScript 程序不能独立运行,代码它需要被嵌入 HTML 中,样引然后浏览器才能执行 JavaScript 代码。代码

JavaScript 程序不能独立运行,样引它需要被嵌入 HTML 中,代码然后浏览器才能执行 JavaScript 代码。样引通过 <script> 标签将 JavaScript 代码引入到 HTML 中,代码有两种方式:

1.内部方式

内部方式是样引通过<script>标签包裹JavaScript代码,从而引入HTML页面中,示例代码如下:

JavaScript代码怎样引入到HTML中? 代码它需要被嵌入 HTML 中

<!DOCTYPE html> <html> <head>   <meta charset="UTF-8">   <title>JavaScript 基础 - 引入方式</title> </head> <body>   <!-- 内联形式:通过 script 标签包裹 JavaScript 代码 -->   <script>     alert('嗨,代码欢迎来传智播学习前端技术!样引')   </script> </body> </html>

2.外部形式

一般将 JavaScript 代码写在独立的代码以 .js 结尾的文件中,然后通过 <script>标签的样引 <src>属性引入,示例代码如下:

JavaScript代码怎样引入到HTML中? 代码它需要被嵌入 HTML 中

// demo.jsdocument.write('嗨,代码欢迎来传智播学习前端技术!样引')
<!DOCTYPE html> <html> <head>   <meta charset="UTF-8">   <title>JavaScript 基础 - 引入方式</title> </head> <body>   <!-- 外部形式:通过 script 的代码 src 属性引入独立的 .js 文件 -->   <script src="demo.js"></script> </body> </html>

注意:如果 script 标签使用 src 属性引入了某 .js 文件,那么 标签的代码会被忽略!!!如下代码所示:

JavaScript代码怎样引入到HTML中? 代码它需要被嵌入 HTML 中

<!DOCTYPE html> <html> <head>   <meta charset="UTF-8">   <title>JavaScript 基础 - 引入方式</title> </head> <body>   <!-- 外部形式:通过 script 的 src 属性引入独立的 .js 文件 -->   <script src="demo.js">     // 此处的代码会被忽略掉!!!!       alert(666);     </script> </body> </html>
责任编辑:华轩 来源: 今日头条 JavaScriptHTML

(责任编辑:休闲)

    推荐文章
    热点阅读