关于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 相关文章推荐
javaScript使用EL表达式的几种方式
May 27 Javascript
Javascript中的delete操作符详细介绍
Jun 06 Javascript
jQuery通过点击行来删除HTML表格行的实现示例
Sep 10 Javascript
详解javascript获取url信息的常见方法
Dec 19 Javascript
js实现3D图片展示效果
Mar 09 Javascript
ES6正则的扩展实例详解
Apr 25 Javascript
深入理解Vue Computed计算属性原理
May 29 Javascript
微信小程序框架wepy之动态控制类名
Sep 14 Javascript
详解关于微信setData回调函数中的坑
Feb 18 Javascript
vue.js表单验证插件(vee-validate)的使用教程详解
May 23 Javascript
Vue项目使用localStorage+Vuex保存用户登录信息
May 27 Javascript
JavaScript实现捕获鼠标坐标
Apr 12 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
PHP自动生成后台导航网址的最佳方法
2013/08/27 PHP
CI框架中site_url()和base_url()的区别
2015/01/07 PHP
PHP中的Session对象如何使用
2015/09/25 PHP
PHP单例模式实例分析【防继承,防克隆操作】
2019/05/22 PHP
用showModalDialog弹出页面后,提交表单总是弹出一个新窗口
2009/07/18 Javascript
一些经常会用到的Javascript检测函数
2010/05/31 Javascript
基于jquery的多功能软键盘插件
2012/07/25 Javascript
Javascript 浮点运算的问题分析与解决方法
2013/08/27 Javascript
利用JQuery制作符合Web标准的QQ弹出消息
2014/01/14 Javascript
Node.js 服务器端应用开发框架 -- Hapi.js
2014/07/29 Javascript
使用JavaScript的AngularJS库编写hello world的方法
2015/06/23 Javascript
关于JS中prototype的理解
2015/09/07 Javascript
JS获取子窗口中返回的数据实现方法
2016/05/28 Javascript
基于Require.js使用方法(总结)
2017/10/26 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
2018/01/11 Javascript
React Native开发封装Toast与加载Loading组件示例
2018/09/08 Javascript
vue拖拽组件使用方法详解
2018/12/01 Javascript
easyUI使用分页过滤器对数据进行分页操作实例分析
2020/06/01 Javascript
[01:05:29]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第二场 1月24日
2021/03/11 DOTA
Django框架中数据的连锁查询和限制返回数据的方法
2015/07/17 Python
在Linux系统上部署Apache+Python+Django+MySQL环境
2015/12/24 Python
Python重新加载模块的实现方法
2018/10/16 Python
Python实现的银行系统模拟程序完整案例
2019/04/12 Python
深入浅析Python中的迭代器
2019/06/04 Python
python对Excel按条件进行内容补充(推荐)
2019/11/24 Python
Python Json数据文件操作原理解析
2020/05/09 Python
Pytorch实验常用代码段汇总
2020/11/19 Python
Html5写一个简单的俄罗斯方块小游戏
2019/12/03 HTML / CSS
如何打开WebSphere远程debug
2014/10/10 面试题
小学教师学期末自我评价
2013/09/25 职场文书
优良学风班申请材料
2014/02/13 职场文书
出纳员岗位职责
2014/03/13 职场文书
国庆65周年演讲稿:回首往昔,展望未来
2014/09/21 职场文书
房屋出租协议书范本(标准版)
2014/09/24 职场文书
个人总结与自我评价2015
2015/03/11 职场文书
Python+uiautomator2实现自动刷抖音视频功能
2021/04/29 Python