在页面引用js的方式

 时间:2026-02-14 18: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的方式

  • js如何输出当前时间
  • 如何设置Java窗体的图标
  • Eclipse导入旧工程的方法
  • 怎么将jquery获取的值放到input的里面
  • 在网页制作中如何控制DIV居中显示,用CSS怎么控制背景图片大小
  • 热门搜索
    祝酒词大全 大舌头怎么办 工资条怎么做 读后感大全 英语单词大全 剿匪电视剧大全 睾丸痒是怎么回事 电脑没声音是怎么回事 爱心符号大全 怎么做小抄