js基础
2019-12-27 15:22:29 来源:admin 点击:826
通过js向文档中输出文本
document是js的内置对象,代表浏览器的文档部分
向文档写入字符串:
<script>
document.write("Hello Javascript");
</script>
<button onclick="document.getElementById('text').style.display='none'">隐藏文本</button>
<button onclick="document.getElementById('text').style.display='block'">显示文本</button>
<p id="text"> 这个是一段可以被javascript隐藏的文本</p>
当javascript代码特别多, 可以把javascript代码剥离出来,单独放在一个文件里,在html中引用该文件即可。
<html>
<script src="http://how2j.cn/study/hello.js"></script>
</html>
注释
单行注释://
多行注释:/*……*/
变量
var声明是局部变量,如果不加var直接赋值就是一个全局变量
调试
alert f12
基本数据类型
当一个变量被声明了,却没有赋值的时候: undefined
使用typeof来进行判断数据类型
类型转换
toString方法,用于转换为字符串
<script>
var a=10;
document.write('默认模式下,数字10转换为十进制的'+a.toString()); //默认模式,即十进制
document.write("<br>");
document.write('基模式下,数字10转换为二进制的'+a.toString(2)); //基模式,二进制
document.write("<br>");
document.write('基模式下,数字10转换为八进制的'+a.toString(8)); //基模式,八进制
document.write("<br>");
document.write('基模式下,数字10转换为十六进制的'+a.toString(16)); //基模式,十六进制
document.write("<br>");
</script>
javascript分别提供内置函数 parseInt()和parseFloat(),转换为数字
注:如果被转换的字符串,同时由数字和字符构成,那么parseInt会一直定位数字,直到出现非字符。 所以"10abc" 会被转换为 10
Number()和parseInt()一样,都可以用来进行数字的转换
区别在于,当转换的内容包含非数字的时候,Number() 会返回NaN(Not a Number)
parseInt() 要看情况,如果以数字开头,就会返回开头的合法数字部分,如果以非数字开头,则返回NaN
使用内置函数Boolean() 转换为Boolean值
当转换字符串时:非空即为true
当转换数字时:非0即为true
当转换对象时:非null即为true
函数
<script>
//无参函数
function print(){
document.write("试一试函数控制!");
document.write("<br>");
}
print();
//带参数的函数
function print(message){
document.write(message);
document.write("<br>");
}
print("第一句话");
print("第二句话");
</script>
当方法名相同的时候,后面的会覆盖掉前面的。 所以第一个函数就是undefined的了。 js是顺序执行的没错,但是执行之前会解释器解析呢,解析的过程中,就把第一个函数undefined了。
<script>
function print(message){
document.write(message);
}
function calc(x,y){
return x+y;
}
var sum = calc(500,20);
print(sum);
</script>
事件
<script>
function showHello(){
alert("Hello JavaScript");
}
</script>
<button onclick="showHello()">点击一下</button>
当+两边都是数字的时候,+就是加法运算符,所以1+2=3
当+任意一边是字符串的时候,+就是字符串连接符,所以1+"2"=12
1=='1': true
1==='1': false
循环语句
continue 表示放弃本次循环,进行下一次循环
break表示终止循环,循环体结束