在页面引用js的方式

 时间:2024-11-13 04:04:28

在这里主要展现在html或者jsp页面引用javascript页面的方式,包括三种,具体引用方式如下

工具/原料

myeclipse或者记事本都可以

方法/步骤

1、方式1:代码如下,加粗为重要引用代码<!DOC哌囿亡噱TYPEhtml><html><head><title>js1.htm造婷用痃l</title><metahttp-equiv="content-type"content="text/html;charset=UTF-8"><scripttype="text/javascript">alert("helloworld")</script></head><body>js的三种引用方法</body></html>

在页面引用js的方式

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

在页面引用js的方式

在页面引用js的方式

在页面引用js的方式

3、方式二,引用外部定义的js文件,我这里建立一个hel盟敢势袂lo.js外部文件,并且引用如图所示:html页面代码如下<!肛舀辨乔DOCTYPEhtml><html><head><title>js1.html</title><metahttp-equiv="content-type"content="text/html;charset=UTF-8"><scriptsrc="../js/hello.js"></script></head><body>js的三种引用方法2</body></html>hello.js代码如下:alert("helloworld")

在页面引用js的方式

4、方法二执行后的效果

在页面引用js的方式

5、方式3:在代码中使用js脚本,如下案例:注意使用单引号。<!DOCTYPEhtml><html><head><title>js1.html</title><metahttp-equiv="content-type"content="text/html;charset=UTF-8"></head><body><ahref="javascript:alert('helloworld')">js使用方式3</a></body></html>

在页面引用js的方式

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

在页面引用js的方式

js如何输出当前时间 如何设置Java窗体的图标 Eclipse导入旧工程的方法 怎么将jquery获取的值放到input的里面 在网页制作中如何控制DIV居中显示,用CSS怎么控制背景图片大小
热门搜索
节育环图片 蛇图片大全大图 慢性湿疹图片 种子发芽过程图片 邪恶漫画少女漫画无翼鸟