关于js的三种使用方式(行内js、内部js、外部js)的程序代码


Posted in Javascript onMay 05, 2018

本文讲述了js的三种使用方式(行内js、内部js、外部js)的实例代码,感兴趣的小伙伴们可以参考一下,具体如下:

1、行内js:js不单独写出

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>js使用方式1:行内js</title> 
</head> 
<body> 
<input type="button" value="点击有惊喜" onclick="javascript:alert('哈哈哈哈')"> 
<!--onclick:点击触发一个事件,alert:弹出一个对话框--> 
</body> 
</html>

2、内部js:script里的程序整个页面都可以用

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>js使用方式2:内部js</title> 
 <script type="text/javascript"> 
  //声明一个函数(整个文档都可以使用) 
  function surprise() { 
   alert('恭喜你中了一百万')/*弹出框*/ 
  } 
 </script> 
</head> 
<body> 
<input type="button" value="点击有惊喜" onclick="surprise()"><!--调用函数--> 
<input type="button" value="点击" onclick="surprise()"> 
</body> 
</html>

3、外部js:很多html页面都可以调用设定的js页面

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>js使用方式3:外部js</title> 
 <!--很多html页面都可以调用js4.js页面--> 
 <script src="../../js/js4.js" type="text/javascript" charset="utf-8"> 
 </script> 
</head> 
<body> 
<input type="button" value="点击" onclick="test()"> 
</body> 
</html>

以上所述是小编给大家介绍的js的三种使用方式(行内js、内部js、外部js)的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js循环改变div颜色具体方法
Jun 25 Javascript
Javascript中的匿名函数与封装介绍
Mar 15 Javascript
JavaScript对象数组排序函数及六个用法
Dec 23 Javascript
Bootstrap4一次重大更新 几乎涉及每行代码
May 16 Javascript
js事件驱动机制 浏览器兼容处理方法
Jul 23 Javascript
Js动态设置rem来实现移动端字体的自适应代码
Oct 14 Javascript
Angular4表单验证代码详解
Sep 03 Javascript
JavaScript实现淘宝京东6位数字支付密码效果
Aug 18 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
Sep 14 Javascript
在vue项目中使用sass语法问题
Jul 18 Javascript
JS实现鼠标按下拖拽效果
Jul 23 Javascript
Vue axios 跨域请求无法带上cookie的解决
Sep 08 Javascript
js动态引入的四种方法
May 05 #Javascript
关于HTML5的data-*自定义属性的总结
May 05 #Javascript
深入浅析Vue.js计算属性和侦听器
May 05 #Javascript
详解js跨域请求的两种方式,支持post请求
May 05 #Javascript
vue 注册组件的使用详解
May 05 #Javascript
Vue三层嵌套路由的示例代码
May 05 #Javascript
动态加载JavaScript文件的3种方式
May 05 #Javascript
You might like
自己动手,丰衣足食 - 短波框形天线制作
2021/03/01 无线电
php像数组一样存取和修改字符串字符
2014/03/21 PHP
学习PHP的数组总结【经验】
2016/05/05 PHP
PHP7新特性foreach 修改示例介绍
2016/08/26 PHP
JSON 和 JavaScript eval使用说明
2010/06/13 Javascript
扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路
2013/05/17 Javascript
Javascript表格翻页效果实现思路及代码
2013/08/23 Javascript
简单时间提示DEMO从0开始一直进行计时
2013/11/19 Javascript
javascript实例分享---具有立体效果的图片特效
2014/06/08 Javascript
jQuery实现表格行上下移动和置顶效果
2015/06/05 Javascript
简介JavaScript中Math.cos()余弦方法的使用
2015/06/15 Javascript
javascript加减乘除的简单实例
2016/07/12 Javascript
javascript 数组的正态分布排序的问题
2016/07/31 Javascript
纯JS焦点图特效实例(可一个页面多用)
2016/12/07 Javascript
jQuery上传插件webupload使用方法
2017/08/01 jQuery
vue实现图书管理demo详解
2017/10/17 Javascript
Vue中的异步组件函数实现代码
2018/07/20 Javascript
Angular 多模块项目构建过程
2020/02/13 Javascript
JavaScript undefined及null区别实例解析
2020/07/21 Javascript
jQuery实现图片切换效果
2020/10/19 jQuery
[44:40]2018DOTA2亚洲邀请赛3月30日 小组赛A组Liquid VS OG
2018/03/31 DOTA
Python时间获取及转换知识汇总
2017/01/11 Python
Python中的连接符(+、+=)示例详解
2017/01/13 Python
机器学习python实战之手写数字识别
2017/11/01 Python
python读取txt文件,去掉空格计算每行长度的方法
2018/12/20 Python
python Django里CSRF 对应策略详解
2019/08/05 Python
Python面向对象魔法方法和单例模块代码实例
2020/03/25 Python
Python flask框架实现浏览器点击自定义跳转页面
2020/06/04 Python
Python timeit模块原理及使用方法
2020/10/10 Python
AE美国鹰美国官方网站:American Eagle Outfitters
2016/08/22 全球购物
皇马官方商城:Real Madrid Store
2016/09/02 全球购物
四风问题查摆材料
2014/08/25 职场文书
2015年宣传部部长竞选演讲稿
2014/11/28 职场文书
保护校园环境倡议书
2015/04/28 职场文书
2015中学学校工作总结
2015/07/20 职场文书
青年志愿者活动感想
2015/08/07 职场文书