提取行间事件

提取事件

-为元素添加事件

如onclick事件，接收函数

两种方法

1、

function 函数名（）{

........

}

oBtn.onclick=函数名；

2、

oBtn.onclick=function ()//匿名函数

{

........

};

===============

window.onload 页面加载完成时发生

window.onload=function()

{

......

};

提取行间事件的目的：行为、样式、结构三者分离

js css HTML

获取一组元素：getElementsByTagName

即是数组：设置样式的时候只能对一个属性设置，所以要用

aDiv[0]...

可以用循环来获取单个元素

循环：

1.初始化

2.条件

3.语句

4.自增

1、var i=0;

if(条件){

语句

}

2、while（条件）

{

语句

}

3、for循环

for(初始化；条件；自增)

{

语句

}

=====================

全选,不选和反选（if条件）

数组.checked=true；

false

布尔值

时间： 2024-08-01 19:26:39

提取行间事件的相关文章

js最基础知识回顾2（函数传参，操作属性的第二种方式，提取行间事件，操作一组元素，this，焦点问题和鼠标按下抬起，选项卡）

一.函数传参 1.函数传参:参数就是占位符----函数里定不下来的东西 a. var a1=function(){ alert(123); }; function a(f){ // 相当于 f=a1 f(); }; a(a1); b. function skip(skipPath){ //换肤 var oLink1 = document.getElementById('link1'); oLink1.href=skipPath; } c. function setStyle(na

js修改行间样式

样式优先级是 *(通配符)<标签<class<id<行间样式其中行间样式的优先级最高哦 js中通过style属性来修改的样式,都是直接修改的行间样式,给了style的话再去修改classname就没有效果了所以在修改样式表的过程中要么直接修改style要么修改class,不能混着来,否则样式表会出现混乱,行间事件会导致标签里面的内容太乱不方便管理,所以编辑js的时候需要注意提取行间事件当不给函数取名字的时候,可以使用匿名函数给js事件添加函数,比如oDiv.onclick

【干货】JS相关知识点总结

一.获取元素方法可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,然后将它赋值给一个变量.如下: 上面的语句,如果把javascript写在元素的上面,就会出错,因为页面是从上往下加载执行的,javascript去页面上获取元素div1的时候,元素div1还没有加载,解决方法有两种二.操作元素属性 1.获取页面的元素,就可以对页面元素的属性进行操作,属性的操作包括属性的读和写. 操作属性的方法:a."."

JS疑难点和GC原理

1. JS中的typeof是一元操作符,不是函数在chrome的Console控制台上,输入typeof null,它会输出"object".因此,使用typeof操作符的时候,除了null,都会识别出其他数据的类型. 2. JS中的instanceof来区分Object下的Array.Json.RegEx.Date.Function.Error.Math instanceof对于非对象,返回false instanceof对于原型链上的对象,返回原型链对象 3. Object转St

妙味js预热课程（一）

2016年5月24日(妙味课堂js预热课程-2笔记)一.前言 1.window.onload(事件):是在页面加载完成以后来执行一个功能: 如 window.onload=function(){ alert(“a”) } 这是一个匿名函数,因为在function后面括号前面没有名字: 即在页面加载完成以后弹出一个警告框! 2.如何提取行间事件: 3.为什么一定要用到onload? 二.主要内容 1.收缩展开菜单——if判断如果菜单已经是显示的,把菜单隐藏: 如果菜单已经是隐藏的,把菜单显示.

js自己初探究2

1.提取行间事件,按钮中的点击事件不需要写在行间,提取出来写在JS代码中: <script> window.onload=function () { var obutton=document.getElementById('button1'); obutton.onclick=function (){ var oDiv=document.getElementById('div1'); oDiv.style.background='red'; }; }</script> <in

js中基本操作

1.操作标签值 <!DOCTYPE html> <html> <meta charset="utf-8"> <meta http-equiv="content-type" content="text/html"> <script type="text/javascript"> function changeValue(id){ var oTxt = document.

前端——基础

HTML html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母简写意思是超文本标记语言, 超文本指的是超链接, 标记指的是标签 html注释  html标题标签 <h1>这是一级标题</h1> <h2>这是二级标题</h2> <h3>这是三级标题</h3> html段落标签.换行标签与字符实体 html段落标签 <p>一

python就业班-淘宝-目录.txt

卷 TOSHIBA EXT 的文件夹 PATH 列表卷序列号为 AE86-8E8DF:.│ python就业班-淘宝-目录.txt│ ├─01 网络编程│ ├─01-基本概念│ │ 01-网络通信概述.flv│ │ 02-IP地址.flv│ │ 03-Linux.windows查看网卡信息.flv│ │ 04-ip地址的分类-ipv4和ipv6介绍.flv│ │ 05-(重点)端口.mp4│ │ 06-端口分类:知名端口.动态端口.flv│ │ 07-socket介绍.mp4│ │ │ ├─02