5.14 js对象 函数 js操作document对象
发布日期:2021-08-16 08:21:48 浏览次数:1 分类:技术文章

本文共 2080 字,大约阅读时间需要 6 分钟。

---对象

 var myObject ={}  /* 声明对象字面变量*/
myObject点语法取值 赋值
代码格式   var person = {
   name : "zhangsan",
   age : 25,
   say :function(){
    alert("说汉语");
   }
  }

函数:有一定功能代码体的集合; 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

基础函数  function  funname(){执行的代码}
带有参数的函数   形参   实参 
|---带有返回值的函数  return

|---局部变量与全局变量  函数体内定义的变量 是局部变量

|---事件

|-----常用事件
|-----给元素挂事件的方式
onclick事件:点击事件
ondbclick事件:双击事件
onload事件:页面一开始加载的时候会先调用这个方法。此方法只能写在<body>标签之中
onchange事件
onblur事件和onfocus事件:onblur事件,当前元素失去焦点时触发该事件。对应的是onfocus事件:得到焦点事件
onscroll事件:窗口滚动事件
鼠标相关事件:
onmousemove:鼠标移动到某对象范围的上方时,触发事件调用函数。注意:在同一个区域中,只要鼠标动一次就触发一次事件。
onmouseout:鼠标离开某对象范围时,触发事件调用函数。
onmouseover:鼠标移动到某对象范围的上方时,触发事件调用函数。注意:在同一个区域中,无论怎样移动都只触发一次函数。
onmouseup:当鼠标松开时触发事件
onmousedown:当鼠标按下键时触发事件
js操作document对象
找到我的对象
var div1 = document.getElementById("first"); 通过id名找到唯一的
var div2 = document.getElementsByClassName("second")[1];通过class名找到达是集合 所以要通过索引找到每一项
var div3 = document.getElementsByName("inp")[0];通过name名找到达是集合 所以要通过索引找到每一项
var div4 = document.getElementsByTagName("div")[0];通过标签名找到达是集合 所以要通过索引找到每一项
var div5 = document.querySelector(".second");document.querySelector("#first");通过选择器的名找到第一个的
var div6 = document.querySelectorAll(".second");
操作
操作内容
表单 value
非表单 innerHTML innerText
操作样式
style.样式名
className =
操作属性
getattribute("属性名");
setattribute("属性名","属性值");
removeattribute("属性名");

            
事件
            
按钮
1
2
3
全选 张店 桓台 周村
点击
事件补充点击

 

转载于:https://www.cnblogs.com/sunhao1987/p/9038266.html

转载地址:https://blog.csdn.net/weixin_30794499/article/details/95261498 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:再次遇到谓词推入
下一篇:Codeforces 229D

发表评论

最新留言

哈哈,博客排版真的漂亮呢~
[***.90.31.176]2024年03月31日 05时02分42秒