- js可以改变html内容
document.getElementById("demo").innerHTML = "Hello Js";
提示:js可以同时接受双引号和单引号。
- js可以改变html标签的属性
<button onclick="document.getElementById('myImage').src='/i/eg_bulboff.gif'">关灯</button>
- js可以改变html样式(css)
document.getElementById("demo").style.fontsize = "25px";
- js可以隐藏html元素
document.getElemsentById("demo").style.display="none";
- js可以显示html元素
document.getElementById("demo").style.display="block"';
js 输出
javaScript 显示方案
JavaScript 能够以不同方式“显示”数据:
- 使用 window.alert() 写入警告框
- 使用 document.write() 写入 HTML 输出
- 使用 innerHTML 写入 HTML 元素
- 使用 console.log() 写入浏览器控制台
1.使用innerHTML
<script>.getElementById("demo").innerHTML = 5 + 6;</script>
2.使用document.write()
处于测试的目的,document.write()比较方便
document.write(5+6);
注意:在HTML文档完全加载后,将删除所有已有的HTML元素
因此,document.write()方法仅用于测试
3.使用window.alert()
使用警告框来显示数据
<script>.alert(5+6);</script>
4.使用console.log()
在控制台显示数据
js关键词
break 终止 switch 或循环。
continue 跳出循环并在顶端开始。
debugger 停止执行 JavaScript,并调用调试函数(如果可用)。
do … while 执行语句块,并在条件为真时重复代码块。
for 标记需被执行的语句块,只要条件为真。
function 声明函数。
if … else 标记需被执行的语句块,根据某个条件。
return 退出函数。
switch 标记需被执行的语句块,根据不同的情况。
try … catch 对语句块实现错误处理。
var 声明变量。
js标识符
在 JavaScript 中,首字符必须是字母、下划线(-)或美元符号($)
js对大小写敏感。
注意:js不能使用连字符。它是为减法预留的
构造变量名称(唯一标识符)的通用规则是:
- 名称可包含字母、数字、下划线和美元符号
- 名称必须以字母开头
- 名称也可以 $ 和 _ 开头(但是在本教程中我们不会这么做)
- 名称对大小写敏感(y 和 Y 是不同的变量)
- 保留字(比如 JavaScript 的关键词)无法用作变量名称
js 变量
js变量是存储数据值的容器
var x = 7;
注意:尽量在脚本的开头声明所有变量
也可以在一条语句中声明许多变量,并以逗号分隔变量
var person = "Bill Gates",
carName = "porsche",
price = 15000;
重复声明的变量,将不会丢它的值
js算数
字符串也可以使用加号,但字符串将被级联
如果将数值放入引号中,其余数值会被视为字符串并被级联
var x = 3 + 5 + "8";
==比较的是内存地址,equal比较的是值
js类型转换
js数据类型
JavaScript 中有五种可包含值的数据类型:
字符串(string)
数字(number)
布尔(boolean)
对象(object)
函数(function)
有三种对象类型:
对象(Object)
日期(Date)
数组(Array)
同时有两种不能包含值的数据类型:
null
undefined
typeof 运算符返回变量、对象、函数或表达式的类型。
typeof 的数据类型
typeof 运算符不是变量。它属于运算符。运算符(比如 + - * /)没有数据类型。
但是,typeof 始终会返回字符串(包含运算数的类型)。