在html中怎样引入js,javascript的几种引入方法!

原创 PHP笔记  2017-02-19 17:10  阅读 781 views 次

引入jsjavascript)和引入css差不多,也是可以在网页内部和外部引入。

1、在网页中引入外部的js文件

格式:

<script type=”text/javascript” src=”js文件的路径”></script>写在<hend>或<body>标签中

 

实例:

<!doctype html>
 <html lang="en">
 <head>
 <meta charset="UTF-8">
 <script type="text/javascript" src="1.js"></script>
 <title>在html中怎样引入js,js的几种引入方法!-PHP笔记</title>
 </head>
 <body>
 网页内容
 </body>
 </html>

 

同目录下的1.js文件:

alert("在html中怎样引入js,js的几种引入方法!");//弹出提示框,alert("提示内容")

 

2、直接在网页中写js代码

格式:

<script language=javascript type=text/javascript>js代码</script>

 

实例:

<!doctype html>
 <html lang="en">
 <head>
 <meta charset="UTF-8">
 <title>直接在网页中写js代码-PHP笔记</title>
 </head>
 <body>
 <script language=javascript type=text/javascript>
  alert("在html中怎样引入js,js的几种引入方法!");//弹出提示框,alert("提示内容")
  </script>
 网页内容
 </body>
 </html>

 

运行结果:

两实例运行结果

个人建议:如果js代码比较多,建议用第一种引入方法,如果js代码少,那就看习惯了。

本文地址:https://www.ggbiji.com/is-introduce.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情