Javascript（二）

我就是我 2022-03-15 04:36 124阅读 0赞

**表格隔行换色**

onmouseover()  鼠标移入事件。onmouseout()   鼠标移出事件

onload()  页面加载成功触发

利用window.onload 来加载隐名函数。

script代码

<script>

window.οnlοad=function()\{  
        var tab = document.getElementById("tbl");  
        var len = tab.tBodies\[0\].rows.length;  
        for(var i=0;i<len;i++)\{  
            if(i%2==0)\{  
                tab.tBodies\[0\].rows\[i\].style.backgroundColor="pink";  
            \}else\{  
                tab.tBodies\[0\].rows\[i\].style.backgroundColor="white";  
            \}  
        \}  
    \}

<script>

**复选框全选或全不选**

ele.check 表示元素是否被选中，true表示选中，false表示没有选中

例如  ele.checked = true  表示元素被选中

<input type="checkbox" οnclick="checkAll()" id='checkAll'/>  给复选框添加onclick事件

每个单个的复选框也应添加事件，并且注明name，如下所示

<input type="checkbox" name='checkone'/>

script代码

<script>

function checkAll()\{  
        var checkAllEle=document.getElementById('checkAll');  
        if(checkAllEle.checked==true)\{  
            var checkones = document.getElementsByName("checkone");  
            for(var i=0;i<checkones.length;i++)\{  
                checkones\[i\].checked=true;  
            \}  
        \}else\{  
            var checkones = document.getElementsByName("checkone");  
            for(var i=0;i<checkones.length;i++)\{  
                checkones\[i\].checked=false;  
            \}  
        \}  
    \}

<script>

**省市二级联动**

数组类型  new Array()

document.createElement() 创建元素节点

ele.appendChild()  向标签末尾添加新的子节点

script代码

function changeCity(val)\{  
        var cityEle = document.getElementById('city');  
          
        cityEle.options.length=0;  
        for(var i=0;i<cities.length;i++)\{  
            if(val=i)\{  
                for(var j=0;i<cities\[i\].length;j++)\{  
                    var testnode = document.createTextNode(cities\[i\]\[j\]);  
                    var opEle = document.createElement("option");  
                    opEle.appendChild(testnode);  
                    cityEle.appendChild(opEle);  
                \}  
            \}  
        \}  
    \}

发表评论取消回复

表情：

评论列表（有 0 条评论，124人围观）

还没有评论，来说两句吧...

相关阅读

相关 269个JavaScript小函数( 二二二二二二二 )

91.返回当前url export const currentURL = () => window.location.href; 92.获取url参数（第一种

本是古典何须时尚/ 2023年02月18日 08:06/ 0 赞/ 22 阅读

相关 JavaScript框架（二）

原文出处： [民工精髓V][V] 2. 数据绑定 2.1 数据绑定的原理数据绑定是一种很便捷的特性，一些RIA框架带有双向绑定功能，比如Flex

桃扇骨/ 2022年09月22日 04:59/ 0 赞/ 130 阅读

相关 JavaScript介绍（二）

JavaScript脚本语言的基本构成是由控制语句、函数、对象、方法、属性等,来实现编程的。　　一、控制语句在任何一种语言中，程序控制流是必须的，它能使得整个程

痛定思痛。/ 2022年08月23日 14:59/ 0 赞/ 180 阅读

相关 JavaScript快速入门（二）——JavaScript变量

允许转载，但请注明出处：http://blog.csdn.net/sysuzjz/article/details/43083333 变量声明 JavaScript的变量

蔚落/ 2022年08月06日 12:20/ 0 赞/ 191 阅读

相关 Javascript（十二）javascript 事件详解

一、事件定义 1. 关于事件实际上我们已经初步接触过了，指的就是用户与浏览器交互的一瞬间。 2. 我们通过为指定事件绑定回调函数的形式来处理事件，当指定事件触发以后

ゝ一纸荒年。/ 2022年05月17日 05:50/ 0 赞/ 272 阅读

相关 Javascript（二）javascript时钟实现

时钟实现实现这个时钟时间需要解决以下三个问题：获得当前时间，并格式化如何可以在页面中显示时间让时间动起来 1、获得当前时间，并格式化

痛定思痛。/ 2022年05月17日 02:47/ 0 赞/ 264 阅读

相关 Javascript（二）

表格隔行换色 onmouseover() 鼠标移入事件。onmouseout() 鼠标移出事件 onload() 页面加载成功触发利用window.onload

我就是我/ 2022年03月15日 04:36/ 0 赞/ 125 阅读

相关 JavaScript（二）

自定义对象 //自定义对象声明 function Person(name,age){ //给对象添加属性 this.name=

ゝ一世哀愁。/ 2022年02月17日 14:09/ 0 赞/ 172 阅读

相关 JavaScript函数（二）

一.私有变量和函数在函数内部定义的变量和函数，如果不对外提供接口，外部是无法访问到的，也就是该函数的私有的变量和函数。 function Box(){

偏执的太偏执、/ 2021年09月14日 15:46/ 0 赞/ 337 阅读

相关 JavaScript 对象（二）

一：对象的增、删、改、查 1、增：所谓增添一个对象的属性，就是直接对该属性进行赋值操作即可，这就相当于为该对象添加了一个新属性，而打印未添加的属性，浏览器不会报错，而是

Myth丶恋晨/ 2021年09月14日 10:36/ 0 赞/ 350 阅读