1.引入方式

1.1行内式

<button onclick="alert('helloword!')">点击</button>

1.2内嵌式

<script>
    //写js代码
    alert("hello!");
</script>

1.3外链式

<script src=""></script>

2.注释

单行注释  
    //注释内容
多行注释  
    /*注释内容*/

3.输出

• alert(); 弹出警告框
• console.log();控制台输出
• prompt("内容");输入框
• document.write() 使用这个方法将内容写到HTML文档中
• 使用 innerHTML 写入到 HTML 元素

实例

<script>
    window.alert(5 + 6);
</script>

<script>
    a = 5;
    b = 6;
    c = a + b;
    console.log(c);
</script>

prompt("请检查：");

<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落。</p>
<script>
    document.getElementById("demo").innerHTML="段落已修改。";//p的内容变为“段落已修改”
</script>

4.变量

4.1变量命名规则

• 由字符、数字、下划线、美元符号组成
• 不能以数字开头，不能是关键字、保留字！！！！！
• 严格区分大小写，变量名称最好有一定意义
• 最好以驼峰命名法命名，比如--myTest

4.2数据类型

4.2.1数字类型number

var num1=10;
var num2=202;
var num3=0xa;       十六进制
二进制-->十进制
00000110-->2^1+2^2
var num=9007199254740992;//number的最大值

isNaN

var num=10;
console.log(isNaN(num));//ture

4.2.2字符串类型String

在定义字符串的时候，单引号双引号都可以

字符串的转义字符

字符串的长度

console.log(str.length);

字符串的拼接

console.log(str1+str2);

4.2.3布尔值类型boolean

true或者false

var flag=true;
//布尔值和数字相加时，true=1   false=0
console.log(flag+1);//2
//布尔值和字符串拼接时
var str="你好";
console.log(flag+str);

4.2.4其他数据类型

undefined无定义，不给它赋值，它就是没有被定义
null为空，可以通过将变量的值设置为 null 来清空变量。

当数字和字符串拼接时,会将数字自动转换成字符串 当字符串数字与数字相减时,会将数字字符串自动转换成数字类型

console.log("110" - 9); //101
console.log("你好" - 10);     //NaN

4.2.5检测变量的数据类型

typeof

var str="你好";
console.log(typeof str); //string

4.2.6类型之间的转换

隐式转换

var num=10;
console.log("数字为:" + num);
//num转换成了数字

显式转换

var num=10;
console.log(num.toString());
console.log(String(num));

转换成数字类型

1.parseInt

将字符串转换为整型

console.log(parseInt('3.1415926')); //3
console.log(parseInt('3.9')); //3
console.log(parseInt('110,你好')); //11
console.log(parseInt('你好,110')); //NaN

2.parseFloat

将字符串类型转数字

console.log(parseFloat'3.1415926'); //3.1415926
console.log(parseFloat'120px'); //120
console.log(parseFloat'你好,110'); //NaN

3.number函数

var str="123";
console.log(Number(str));//123

var str="123,你好";
console.log(Number(str));//NaN

console.log('120'- 10);  //110
console.log('120'* 2);  //240

4.布尔类型转换为数字类型

true=1    false=0

var flag=true;
console.log(flag);//1


var flag=prompt("请输入您要输入的布尔值:");
console.log(Boolean(flag));

//在布尔类型转换的时候，如果不是0,'',NaN, null ,undefined，其他转换出来的都是true
console.log(Boolean(1));
console.log(Boolean(0));
console.log(Boolean(""));