JS——基础知识
1、alert语句
弹出一个对话框。
2、console
这个是在浏览器的控制台打印输出,也有一些公司将招聘信息打印到浏览器的console窗口,比如百度首页。
3、typeof
用这个关键字可以测试一个变量的类型。
var a="字符串";
var b=2;
console.log(typeof a); 输出类型为string
console.log(typeof b); 输出类型为number
4、Prompt语句
弹出一个带有输入框的对话框。
var a=prompt("对话框标题");
5、parseInt函数
(1)字符串转数字
var a=parseInt("365天中有290天是阴天"); a=365
(2)小数的取整,不四舍五入
var a=parseInt(5.4); a=5;
6、document.write(); 在网站页面上打印输出内容。
7、document.getElementById("ID名字"); 获取网页中的id元素对象。
var obj=document.getElementById("ID名字");
obj.style.width="200px";
obj.style.height="200px";
obj.style.backgroundColor="red";
8、变量及其作用域
全局变量
(1)最外部声明变量(显示全局变量)
(2)函数内部没有var声明的变量(隐式的全局变量)
局部变量
9、事件三要素
(1)事件源:要触发的对象
(2)事件:怎么触发这个事件
(3)事件处理程序:发生的结果
书写格式:事件源.事件=function() {事件处理函数}
事件表:
10、用JS添加特效
样式才加style,属性不加style。
例如,你要控制一个盒子的隐藏样式:document.getElementById("ID名字").style.display="none";//隐藏样式,并且隐藏后不占用空间
例如,你要控制一个img的src属性: document.getElementById("ID名字").src="图片路径";//相当于动态改变src的路径
11、JS的入口函数
window.onload=function{代码}这样的话,表明先加载页面在去执行js,也就是说,页面加载没有完成,代码所完成的功能不会起作用。
12、JS书写位置
(1)行内式
<a href=”javascript:;”></a>
<a href=”javascript:void(0);”></a>
<button onclick="alert('你好吗')">点击我</button>
(2)内嵌式
(3)外链式