JavaScript基础学习点滴第一章_js prompt 样式

JavaScript基础学习点滴第一章

1. 调试工具：推荐用 火狐浏览器，中文显示；
2. 开发工具：建议用hbuilder
3. 外部引入方式：

  <script src="js001.js" type="text/javascript" charset="utf-8"></script>
1

4、行内引入，结合事件才行

<button onclick="alert('hello world')">点击</button>

1
2

5、prompt的使用，输入弹窗

<script type="text/javascript">
	prompt('请输入名称');
</script>
1
2
3

6、警告语句：输出弹窗

alert('hello world')
1

7、输出到页面

document.write("hello.ws")
1

8、控制台console的使用

<script type="text/javascript">
			console.log('hello world');
</script>
1
2
3

9、变量的练习

<script type="text/javascript">
			var wangsheng=prompt("请输入姓名");
			document.write(wangsheng);
</script>
1
2
3
4

10、检测数据类型的运算符

<script type="text/javascript">
		var a	=typeof 123;  //运算符
		alert(a);
</script>
1
2
3
4

11、undefined：表示空变量，变量被声明但没有被赋值
12、null：空对象，表示没有东西。连声明都乜有；
13、setTimeout的使用

setTimeout(function(){
				alert('hello world')
},4000);
1
2
3

14、匿名函数

(function(){  
				alert('hello world')
})();
1
2
3

15、内置功能函数：将字符串转成整形

<script type="text/javascript">
			var a='1234px';
			var b=typeof parseInt(a);
			var c=parseInt(a);
			alert(c);
</script>
1
2
3
4
5
6

16、通过js设置行内样式

xxx.style.cssText="color:blue;font-size:20px;"
1

xxx指的是变量
17、js添加类名和删除类名

			xxx.classList.add("类名");
			xxx.classlist.remove("类名");
1
2