js开关语句代码案例,javascript的开关灯代码

本文目录一览：

• 1、求自动点击按钮的代码,最好是Javascript
• 2、Js 中for in 的用法，以及案例
• 3、javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=d
• 4、怎样用js编写一个开关按钮实现动态效果
• 5、用JS IF语句中加入关闭网页代码

求自动点击按钮的代码,最好是Javascript

如果用 jQuery，很简单：

$(“#123”).trigger(‘click’);

如果只用原生的javascript, 先做一个函数：

function fireEvent(element,event){

if (document.createEventObject){

// dispatch for IE

var evt = document.createEventObject();

return element.fireEvent(‘on’+event,evt)

}

else{

// dispatch for firefox + others

var evt = document.createEvent(“HTMLEvents”);

evt.initEvent(event, true, true ); // event type,bubbling,cancelable

return !element.dispatchEvent(evt);

}

}

然后

fireEvent(document.getElementById(‘123’), ‘click’);

补充:

回答你的问题如下

function就插在我的IF语句之前应该没问题吧？

没问题，但是最好不要写在循环中。

对那个按钮的代码插入有要求吗？

有要求。你原样抄的话，得保证 id=”123″，否则的跟着改。

最后那句得稍微改一下，漏了个document.

fireEvent(document.getElementById(‘123’), ‘click’);

### 附上测试代码 ###

head

meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″

title测试/title

style

/style

script type=”text/javascript”

function fireEvent(element,event){

if (document.createEventObject){

// dispatch for IE

var evt = document.createEventObject();

return element.fireEvent(‘on’+event,evt)

}

else{

// dispatch for firefox + others

var evt = document.createEvent(“HTMLEvents”);

evt.initEvent(event, true, true ); // event type,bubbling,cancelable

return !element.dispatchEvent(evt);

}

}

fireEvent(document.getElementById(‘123’), ‘click’);

/script

/head

html

body

ABCDE

input type=”button” name=”123″ id=”123″ value=”按钮” onclick=”alert(‘OK’);”

/body

/html

Js 中for in 的用法，以及案例

for…in 语句用于对数组或者对象的属性进行循环操作。

for … in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。

语法：

for (变量 in 对象)

{

   在此执行代码

}

“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。

实例：

使用 for … in 循环遍历数组。

html

body

script type=”text/javascript”

var x

var mycars = new Array()

mycars[0] = “Saab”

mycars[1] = “Volvo”

mycars[2] = “BMW”

for (x in mycars)

{

document.write(mycars[x] + “br /”)

}

/script

/body

/html

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=d

这段程序需要写在一行上才能执行，功能是把网页的所有图片全部飞舞起来，下面分行写为程序的格式，然后添加简单的注释进行说明：

javascript:开头的东西出现在浏览器的地址的开始，表示后面的是javascript程序语句代码，不是文件名

//第一行初始化系列代码

R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200;

//下面的语句执行后DI是一个数组，数组的元素是页面上的所有图片

DI=document.images;

//DIL为数组中的元素个数，也就是是网页上图片的格式

DIL=DI.length;

//定义一个函数，修改每个图片的位置

function A(){

for(i=0; i-DIL; i++){

DIS=DI[i].style;

DIS.position=’absolute’;

DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5;

DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5

}

R++

}

//下面的语句设置每5毫秒执行一下函数

setInterval(‘A()’,5);

//最后以下面的语句结束

void(0);

怎样用js编写一个开关按钮实现动态效果

html

复制代码代码如下:

!DOCTYPE html

html

head

meta charset=”UTF-8″

titleapple button/title

/head

body

div id=”div1″

div id=”div2″/div

/div

/body

/html

css

复制代码代码如下:

#div1{

width: 170px;

height: 100px;

border-radius: 50px;

position: relative;

}

#div2{

width: 96px;

height: 96px;

border-radius: 48px;

position: absolute;

background: white;

box-shadow: 0px 2px 4px rgba(0,0,0,0.4);

}

.open1{

background: rgba(0,184,0,0.8);

}

.open2{

top: 2px;

right: 1px;

}

.close1{

background: rgba(255,255,255,0.4);

border:3px solid rgba(0,0,0,0.15);

border-left: transparent;

}

.close2{

left: 0px;

top: 0px;

border:2px solid rgba(0,0,0,0.1);

}

javascript

复制代码代码如下:

window.onload=function(){

var div2=document.getElementById(“div2”);

var div1=document.getElementById(“div1”);

div2.onclick=function(){

div1.className=(div1.className==”close1″)?”open1″:”close1″;

div2.className=(div2.className==”close2″)?”open2″:”close2″;

}

}

用JS IF语句中加入关闭网页代码

function closeWebPage(){  

 if (navigator.userAgent.indexOf(“MSIE”)  0) {//close IE  

  if (navigator.userAgent.indexOf(“MSIE 6.0”)  0) {  

   window.opener = null;  

   window.close();  

  } else {  

   window.open(”, ‘_top’);  

   window.top.close();  

  }  

 }  

 else if (navigator.userAgent.indexOf(“Firefox”)  0) {//close firefox  

  window.location.href = ‘about:blank ‘;  

 } else {//close chrome;It is effective when it is only one.  

  window.opener = null;  

  window.open(”, ‘_self’);  

  window.close();  

 }  

}

在对应地方调用即可