当前位置: 首页 > news >正文

js的引用

js代码

JavaScript又称ECMAScript,常用的版本通常有es5以及es6

元素中的代码

a元素除了能定义链接地址,同样可以定义js

<a href="javascript:window.alert('hello')">Hello</a>

我们可以通过按钮的单击事件实现上面相同的效果,其中事件也就是什么情况下执行什么任务,下面的代码代表点击按钮的情况下,执行window.alert('hello')

<button onclick="window.alert('hello')">Hello</button>

内部文件中的代码

页面中的js代码可以定义在script元素

<script>function sayHello(){window.alert("hello")}
</script>

调用方式可以通过a元素调用,也可以通过事件调用

<a href="javascript:sayHello();">Hello</a>
<br>
<button onclick="sayHello()">Hello</button>

外部文件调用

使用script元素中的src属性引用js文件,如果js文件太大,其中defer顺序引用js文件,如果没执行完会继续解析下面的html代码,不会阻塞解析,如果使用async则会按照谁先解析完的顺序优先引用哪个js文件

html代码

<body><a href="javascript:sayHello();">Hello</a><br><button onclick="sayHello()">Hello</button><script defer src="./script.js"></script>
</body>

js代码

function sayHello()
{var str = "Hello World";window.alert(str);
}
http://www.wxhsa.cn/company.asp?id=3445

相关文章:

  • P3957 [NOIP 2017 普及组] 跳房子
  • C++中常用的STL容器
  • 我的数据科学探索之旅:从兴趣到公考与学习计划
  • MySQL 核心记录解析:从配置到存储的 “说明书 + 记录仪” 系统
  • JavaScript Array 对象
  • 代码规范
  • mac远程连接windows
  • 子类不依赖泛型,重写父类方法,通过强制类型转换父类方法参数出现的问题。——— 一个例子引发的思考
  • WebStorm代码一键美化
  • 3分钟搞定Vue组件库
  • Golang中设置HTTP请求代理的策略
  • [开源免费] iGTTS(Gemini TTS) 文本转语音(TTS)的命令行工具。
  • 结合Spring和MyBatis实现DAO层操作综述
  • 202205_CHIMA_follow
  • Lua脚本协助Redis分布式锁实现命令的原子性
  • 快读快写 学习笔记
  • Ubuntu 安装 CLion
  • AI编程实战
  • 25/9/13(补)
  • 面向对象编程(OOP)的原则
  • 【龙智Atlassian插件】Confluence周报插件上线AI智能总结,一键生成专业报告 - 实践
  • 数字化(管理)系统的工具化思考
  • 详细介绍:传统神经网络实现-----手写数字识别(MNIST)项目
  • C#语言中使用using关键字
  • 中育新版本OSS Token获取API分析
  • 25/9/12(补,上一篇是9/11的)
  • 动态编译 vs. 静态编译,容器时代那个更有优势?
  • 实用指南:操作系统类型全解析:从批处理到嵌入式
  • 【C++ 类和对象・高阶深化(下)】再探构造函数(含初始化列表),吃透 static 成员、友元、内部类及对象拷贝编译器优化 - 指南
  • VSCode 运行 C/C++ 程序