H5基础知识第八课时(JS使用方式与变量的声明)
来源:互联网 发布:mac 必应词典下载 编辑:程序博客网 时间:2024/06/05 11:59
1.实现页面加载
document.write("内容");
2.js使用方式
(1)行内js
<input type="button" value="点击有惊喜" onclick="javascript:alert('哈哈哈')">
(2)内部js
<script type="text/javascript">
<!--声明一个函数-->
function surprise() {
alert("恭喜你中了100万");
}
</script>
<input type="button" value="点击有惊喜" onclick="surprise()">
(3)外部引入
<script src="../../js/test.js" language="JavaScript" charset="utf-8">
</script>
<input type="button" value="enen" onclick="test()">
3.JS变量
(1)声明变量 var width;
(2)给变量赋值
width=10或者直接赋值 var width=10;或者直接使用如width=10; 也可以同时赋值多个变量 var x=10,y=5,z=8;
(3)使用变量 alert(width)
(4)全局变量和局部变量
function a() {
//全局变量
a1=10;
}
function b() {
//局部变量
var b1=11
}
(5)变量的命名
/*
* JS可以使用英文字母、数字、下划线和$符
* 命名不能包括以上四种字符除外的字符 首位字符不能为数字 不能包含空格
* */
var a=10;
var _a=11;
var a1=12;
var $a13;
document.write("内容");
2.js使用方式
(1)行内js
<input type="button" value="点击有惊喜" onclick="javascript:alert('哈哈哈')">
(2)内部js
<script type="text/javascript">
<!--声明一个函数-->
function surprise() {
alert("恭喜你中了100万");
}
</script>
<input type="button" value="点击有惊喜" onclick="surprise()">
(3)外部引入
<script src="../../js/test.js" language="JavaScript" charset="utf-8">
</script>
<input type="button" value="enen" onclick="test()">
3.JS变量
(1)声明变量 var width;
(2)给变量赋值
width=10或者直接赋值 var width=10;或者直接使用如width=10; 也可以同时赋值多个变量 var x=10,y=5,z=8;
(3)使用变量 alert(width)
(4)全局变量和局部变量
function a() {
//全局变量
a1=10;
}
function b() {
//局部变量
var b1=11
}
(5)变量的命名
/*
* JS可以使用英文字母、数字、下划线和$符
* 命名不能包括以上四种字符除外的字符 首位字符不能为数字 不能包含空格
* */
var a=10;
var _a=11;
var a1=12;
var $a13;
阅读全文
0 0
- H5基础知识第八课时(JS使用方式与变量的声明)
- H5基础知识第八课时(JS数据类型和输出方法)
- H5基础知识第八课时(CSS3选择器)
- H5基础知识第八课时(CSS)
- H5基础知识第八课时(flex布局)
- H5基础知识第八课时(JS运算符和计算水仙花数)
- H5基础知识第七课时(CSS负边距的使用)
- H5基础知识第十一课时(JS解决变量自提升问题)
- H5基础知识第九课时(JS运算符)
- H5基础知识第九课时(JS判断语句)
- H5基础知识第九课时(JS循环语句)
- H5基础知识第十一课时(JS查看节点)
- H5基础知识第十一课时(JS调试快捷键)
- H5基础知识第六课时(CSS)1
- H5基础知识第六课时(CSS)2
- H5基础知识第七课时(CSS)
- H5基础知识第七课时(CSS定位)
- H5基础知识第十课时(JS函数定义和分类)
- mysql5.7日志时间与系统时间不一致
- 最近调通了几个MTK平台添加USB转以太网项目
- 数据持久化
- 自定义时间工具类
- 【stm32f407】硬件介绍
- H5基础知识第八课时(JS使用方式与变量的声明)
- 装饰模式【Decorator Pattern】
- 对于es批量上传数据的阶段总结
- RIDE 图标点击没反应
- 数据结构之Queue
- iOS 电子白板 实现
- JavaWeb
- Java I/O
- caffe 学习笔记