关于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 相关文章推荐
jquery ui dialog里调用datepicker的问题
Aug 06 Javascript
javascript中的window.location.search方法简介
Sep 02 Javascript
JS与C#编码解码
Dec 03 Javascript
Jquery中find与each方法用法实例
Feb 04 Javascript
jquery动态添加删除(tr/td)
Feb 09 Javascript
基于jQuery实现多层次的手风琴效果附源码
Sep 21 Javascript
深入理解JS中的substr和substring
Apr 26 Javascript
JS实现焦点图轮播效果的方法详解
Dec 19 Javascript
提高JavaScript执行效率的23个实用技巧
Mar 01 Javascript
使用JQ完成表格隔行换色的简单实例
Aug 25 Javascript
vue自定义filters过滤器
Apr 26 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
Aug 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 图像函数大举例(非原创)
2009/06/20 PHP
PHP调用Linux的命令行执行文件压缩命令
2013/01/27 PHP
PHP程序漏洞产生的原因分析与防范方法说明
2014/03/06 PHP
PHP获取POST数据的几种方法汇总
2015/03/03 PHP
php实现scws中文分词搜索的方法
2015/12/25 PHP
浅谈PHP命令执行php文件需要注意的问题
2016/12/16 PHP
JS在IE和FireFox之间常用函数的区别小结
2010/03/12 Javascript
Jquery 插件开发笔记整理
2011/01/17 Javascript
js渐变显示渐变消失示例代码
2013/08/01 Javascript
JavaScript获取路径设计源码
2014/05/22 Javascript
js获取指定日期周数以及星期几的小例子
2014/06/27 Javascript
原生javascript实现图片弹窗交互效果
2015/01/12 Javascript
jQuery实现跟随鼠标运动图层效果的方法
2015/02/02 Javascript
JQuery中属性过滤选择器用法实例分析
2015/05/18 Javascript
jQuery处理XML文件的几种方法
2016/06/14 Javascript
javascript设计模式之module(模块)模式
2016/08/19 Javascript
JavaScript中的await/async的作用和用法
2016/10/31 Javascript
Vue自定义事件(详解)
2017/08/19 Javascript
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
2020/01/14 Javascript
python中的代码编码格式转换问题
2015/06/10 Python
Python线程threading模块用法详解
2020/02/26 Python
如何实现在jupyter notebook中播放视频(不停地展示图片)
2020/04/23 Python
python 爬虫请求模块requests详解
2020/12/04 Python
python 模拟登陆163邮箱
2020/12/15 Python
如何用python开发Zeroc Ice应用
2021/01/29 Python
html5写一个BUI折叠菜单插件的实现方法
2019/09/11 HTML / CSS
.NET初级开发工程师面试题
2014/04/18 面试题
Laravel中Kafka的使用详解
2021/03/24 PHP
热能动力工程毕业生自荐信
2013/11/07 职场文书
军训自我鉴定
2013/12/14 职场文书
宿舍保安职务说明书
2014/02/25 职场文书
房地产促销活动方案
2014/03/01 职场文书
小学三八妇女节活动方案
2014/03/16 职场文书
认真学习保证书
2015/02/26 职场文书
房地产销售助理岗位职责
2015/04/14 职场文书
2015年度招聘工作总结
2015/05/28 职场文书