JS怎么写
写在script标签内
JS写在
<script>
//控制浏览器弹出一个警告框
alert("hello world!!");
</script>
复制代码
<script>
//控制浏览器弹出一个警告框
alert("hello world!!");
document.write("可以在body中输出一个内容");
console.log("向控制台输出一个内容");
</script>
复制代码
JS写在body的标签里面
可以将js代码编写到标签的onclick属性中,当点击按钮时,js代码才会执行
<body>
<button onclick="alert('登录成功!');">登录</button>
</body>
复制代码
<a href="'登录异常');">超链接</a>
复制代码
写在外部文件
通过标签引入
alert("写在外部文件的JS");
复制代码
script标签一旦引入外部文件,就不能再编写代码了,写了也会被浏览器忽略。
可以再写一个script标签,浏览器会从上到下执行。
字面量与变量
字面量
都是一些不可改变的值,比如1,2,3,4,5
alert=(123);
变量
在JS中使用var关键字来声明一个变量
var a = 123;
数据类型
String:字符串 var str = “hello”;
Number:数值 var a =123;
Boolean:布尔值 var bool =true;
Null:空值 var a =null;使用typeof null 的值 是object
Undefined:未定义
Object:对象
强制类型转化:
转化为string:
方法一:toString( )方法
var age = 17;
age = age.toString();
console.log(typeof age);
复制代码
注意:null和undefine这两值没有toString( )方法,如果调用他们的方法,就会报错。
方法二:String( )函数
var age = 17;
age = String(age);
console.log(typeof age);
复制代码
String函数可以将null和undefine强制转化类型
转换为Number:
方法一:使用Number()函数:
如果是纯数字的字符串,则直接转换为数字
如果字符串中有非数字内容,则转换为NaN
如果字符串是一个空字符串,或者是一个空格字符串,则转换为0
布尔转数字 true–>1 false–>0 null–>0 undefine –>NaN
var age = '123';
console.log(typeof age);
age = Number(age);
console.log(age);
'''
string
123
'''
复制代码
方法二:专门转化字符串
parseInt( )可以将一个字符串中有效的整数内容取出来,从左到右识别,一旦遇到非数字,就停止读取。第二个参数是表示进制。
parsaFloat()可以将字符串中有效的浮点数取出来。
对于非String使用上述函数,会先转化为String,再进行转化。
var age = '123px';
age = parseInt
console.log(typeof age);
复制代码
在JS中,0x开头为16进制,0开头为8进制,二进制为0b(不是所有的浏览器都支持);
标识符
在JS中所有的可以自主命名的都可以称为是标识符
例如:变量名,函数名,属性名都属于标识符,命名一个标识符需要遵守如下的规则:
标识符中可以含有字母、数字、下划线、$
标识符不能以数字开头
标识符不能是ES中的关键字或保留字
标识符一般都采用驼峰体
运算符
+:可以对两个值进行加法运算,并将结果返回
如果对两个字符串进行加法运算,会将两个字符串拼接为一个字符串,并返回。
任何的的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串操作
自增自减:
var result = 5 && 6;
console.log(result);
var result = null && 0;
console.log(result);
'''
6
null
'''
复制代码
逻辑运算符
JS中提供了三种逻辑运算符
! 非
对非布尔值取反,会先将值转变为布尔值,再取反。
&& 与
JS中的“与”属于短路的”与”,如果第一个值为false,则不会看第二个值。
|| 或
JS中的“或”属于短路的”或”,如果第一个值为true,则不会看第二个值。
对于非布尔值进行与或运算,会先将其转换为布尔值,如何再运算,并且返回原值
与运算:如果两个值都为true,则会返回后面的值。
如果两个值中会false,则返回靠前的false
var result = 5 && 6;
console.log(result);
var result = null && 0;
console.log(result);
'''
6
null
'''
复制代码
或运算:如果第一个值为true,直接返回第一个值
如果第一个值为false,则返回第二个值。
var result = 11 || 0;
console.log(result);
var result = 0 || 123;
console.log(result);
'''
11
123
'''
复制代码