javascriptECMA和事件

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标签添加文本(结点)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值