js入门:
1.内嵌式
<script type="text/javascript">
控制台打印
console.log("哈哈");
window弹窗,window可以省略
window.alert("hello world");
</script>
2.外联式
<script src="js/myjs.js" type="text/javascript"></script> 导入外部js文件
ECMA
var a;
变量 声明 类型
js的变量是弱类型
可以赋值任何类型
typeof a :a的类型
a1;比较内容
a=1;比较内容和类型
var arr=[1,2,3,4]
console.log(arr[4]) 为 空 不会出现数组越界,长度可变
arr[10]=20; 中间可以为 空
function f1(a,b){
}
函数没有重载,多个参数,选择前两个参数 NaN Not aNumber
事件
是属性-函数
1.获得元素/组件DOM
var username=document.getElementById(“un”);
var span=document.getElementById(“unmsg”);
2.判断input标签有没有填写内容
console.log(username.value);
3.弹窗 控制台输出
alert(“呵呵”); console.log(“呵呵”);
4.添加文本
一:文本从无到有
span.innerHTML=“用户名不为空”;
二:文本从隐藏导显示
span.style.display=“inline”;
5.页面加载函数
一:
function load(){
var img=document.getElementById(“img”);} //在body中调用(οnlοad=“load()”)
二:
οnlοad=function(){
var img=document.getElementById(“img”);} //不用调用 匿名函数
6.任务定时器
一:周期性定时器
id=setInterval(“lunbo()”,1000); 每1秒执行一次lunbo() 事件
二:一次性定时器
id=SetTimeout(“show()”,2000); 过二秒执行show() 事件 (一次)
7.常见HTML事件
onchange HTML元素已被改变
onclick 用户点击了HTML元素
onmouseover 用户把鼠标移动到HTML元素上
onmouseout 用户把鼠标移开HTML元素
onkeydown 用户按下键盘按键
onload 浏览器完成页面加载
onfocus 元素获得鼠标焦点
onblur 元素失去鼠标焦点
BOM对象
confirm
var con=confirm(“提示信息:确认删除吗?”); 确认返回 true
prompt
var message=prompt(“请输入验证码”); 点击确认,返回输入的内容
history
history.forward(); =go(1);
history.back(); =go(-1);
location
location.href=“http://www.baidu.com”; 自动跳转
几种常用方法
var trs=document.getElementByTagName(“tr”); 通过标签名得到元素数组
var tb=document.getElementById(“tb”);返回拥有指定id的第一个对象
vat tbs=document.getElementByName(“button”); 返回拥有指定name的元素数组
var tbody=tb.tBodies[0];返回tb表格的第一个tdoby
var trs=tbody.rows 返回tbody的row(行)数组
event.preventDefault(); 阻止默认事件的发生
event.stopPropagation(); 阻止事件的传播性
var str=“/xx/xx/桌面”;
var html=encodeURI(str);中文路径转换成可识别的代码
str=decodeURI(html);转换为中文路径
var optionEle =document.createElement(“option”); 创建一个option标签
var textNode=document.createTextNode(""); 创建一个文本结点
optionEle.appendChild(textNode); 向option标签添加文本(结点)