手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

在页面引用js的方式

时间:2024-10-12 14:54:39

1、方式1:代码如下,加粗为重要引用代码<!DOC哌囿亡噱TYPE html><html> <head> <title>js1.htm造婷用痃l</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文件,我这里建立一个hel盟敢势袂lo.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的方式
© 手抄报圈