html页面中如何调用/加载javascript
时间:2016-09-06
HTML页面要使用js,必须将js载入到该页面,网页载入加载javascript的方法有很多种,本文章通过实例向大家介绍页面中如何调用/加载javascript,需要的朋友可以参考一下。
使用script加载js
<html>
<head>
<title>Title of Document</title>
<script>
// All Your Javascript Code goes In Here Between the opening and closing script tags.
</script>
</head>
<body>
The content of
your page here.
</body>
</html>
html head头部加载js
<html>
<head>
<script>
alert("Do you see the page heading?");
</script>
</head>
<body>
<h1>Page heading</h1>
</body>
</html>
html body加载js
<html>
<head>
</head>
<body>
<h1>Page heading</h1>
<script>
alert("Do you see the page heading?");
</script>
</body>
</html>
html载入外部js文件
<html>
<head>
<title>Title of Document</title>
<script src="path-to-file/fileName.js"></script>
</head>
<body>
The content of
your page goes here.
</body>
</html>
混合加载js
<html>
<head>
<title>A Simple Page</title>
<script language="JavaScript">
<!--
// -->
</script>
</head>
<body>
<p onclick="units = prompt('How many do you want','Enter quantity');alert('Cost per unit is $9.99, therefore total cost for ' + units + ' is ' + units * 9.99);">Click here to specify quantity</p>
</body>
</html>
- 和开发同学讨论的一个技术问题(r8笔记第73天)
- 剖析Oracle中oerr命令(r8笔记第70天)
- 甜品店切蛋糕问题(动态规划,Go语言实现)
- SQL—复制表结构及其数据
- python连接SQL报错:1366, "Incorrect string value: '\xF0\x9F\x98\x81'
- PCIE的简单配置(r8笔记第82天)
- 7个深度神经网络可视化工具,不可错过!
- Pwnhub之奇妙的巨蟒 Writeup
- WINDOW 安装mysql5.7数据库,并设置密码及相关报错
- go channel 通信通道
- SQl 语句(常见) 新建,删除,修改表,新增字段,修改默认值
- SQL处理表结构的基本方法整理(创建表,关联表,复制表)
- Go web之旅(路由篇)
- Golang插入排序
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- JSP的异常处理
- (二)Mybatis-Plus的安装配置
- 如何在JSP里自定义标签
- 如何在JSP里使用Java bean
- 获取指定时间内指定星期几的所有日期
- 使用JSP的标准标签库JSTL处理XML格式的数据
- (一)初识Mybatis-Plus
- org.apache.tomcat.util.scan.StandardJarScanner找不到serializer.jar的问题
- JAVA中获取当前系统时间
- 使用Supervisor管理进程
- vue 中使用threejs
- 数据库COUNT(*)、COUNT(字段)和COUNT(1)的异同
- 生成项目目录树
- 几行代码搞定智能插座控制丨云开发 × 涂鸦
- Elasticsearch Mapping是啥?