在页面引用js的方式

2025-10-10 12:10:22

1、方式1:代码如下,加粗为重要引用代码

<!DOCTYPE html><html>  <head>    <title>js1.html</title>        <meta http-equiv="content-type" content="text/html; charset=UTF-8">    <script type="text/javascript">            alert("hello world")        </script>  </head>    <body>        js的三种引用方法      </body></html>

在页面引用js的方式

2、查看引用效果及步骤(以myeclipse为例),如图所示

在页面引用js的方式

在页面引用js的方式

在页面引用js的方式

3、方式二,引用外部定义的js文件,我这里建立一个hello.js外部文件,并且引用如图所示: html页面代码如下

<!DOCTYPE html><html>  <head>    <title>js1.html</title>        <meta http-equiv="content-type" content="text/html; charset=UTF-8">    <script src="../js/hello.js"></script>  </head>    <body>        js的三种引用方法2      </body></html>

hello.js代码如下:

alert("hello world")

在页面引用js的方式

4、方法二执行后的效果

在页面引用js的方式

5、方式3:在代码中使用js脚本,如下案例:注意使用单引号。

<!DOCTYPE html><html>  <head>    <title>js1.html</title>        <meta http-equiv="content-type" content="text/html; charset=UTF-8">     </head>    <body>        <a href="javascript:alert('hello world')"> js使用方式3 </a>  </body></html>

在页面引用js的方式

6、点击超链接,弹出成功对话框

在页面引用js的方式

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢