js两个并列事件的js代码怎么写?

JavaScript05

js两个并列事件的js代码怎么写?,第1张

建议楼主看下js基础

每一项都是js使用中的小技巧,基础但十分的实用!

1.document.write("")输出语句

2.JS中的注释为//

3.传统的HTML文档顺序是:

document->html->(head,body)

4.一个浏览器窗口中的DOM顺序是:

window->(navigator,screen,history,location,document)

5.得到表单中元素的名称和值:

document.getElementById("表单中元素的ID号").name(或value)

6.一个小写转大写的JS:

document.getElementById("output").value=document.getElementById("input").value.toUpperCase()

7.JS中的值类型:

String,Number,Boolean,Null,Object,Function

8.JS中的字符型转换成数值型:

parseInt(),parseFloat()

9.JS中的数字转换成字符型:

("" 变量)

10.JS中的取字符串长度是:

(length)

11.JS中的字符与字符相连接使用 号.

12.JS中的比较操作符有:

==等于,!=不等于,>,>=,<.<=

13.JS中声明变量使用:

var来进行声明

14.JS中的判断语句结构:

if(condition){}else{}

15.JS中的循环结构:

for([initial expression][condition][upadte expression]) {inside loop}

16.循环中止的命令是:

break

17.JS中的函数定义:

function functionName([parameter],...){statement[s]}

18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.

19.窗口:

打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self

20.状态栏的设置:

window.status="字符"

21.弹出提示信息:

window.alert("字符")

22.弹出确认框:

window.confirm()

23.弹出输入提示框:

window.prompt()

24.指定当前显示链接的位置:

window.location.href="URL"

25.取出窗体中的所有表单的数量:

document.forms.length

26.关闭文档的输出流:

document.close()

27.字符串追加连接符: =

28.创建一个文档元素:

document.createElement(),document.createTextNode()

29.得到元素的方法:

document.getElementById()

30.设置表单中所有文本型的成员的值为空:

var form = window.document.forms[0]

for (var i = 0i<form.elements.lengthi ){

if (form.elements.type == &quottext"){

form.elements.value = ""

}

}

参考资料:www.pczpg.com/a/2010/0527/9877.html

举个粟子,写一个段落“鼠标悬停时把字体颜色变成红色,背景颜色变成灰色,离开时恢复”:

代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>会变色的段落</title>

<script>

function chfgcolor(){

var e=document.getElementById("demo")

e.style.color="red"

}

function chbgcolor(){

var e=document.getElementById("demo")

e.style["background-color"]="grey"

}

function chback(){

var e=document.getElementById("demo")

e.style="color:#000000background-color:#ffffff"

}

</script>

</head>

<body>

<p id="demo" onmouseover="chfgcolor()chbgcolor()" onmouseout="chback()">这是一会变色的段落</p>

</body>

</html>

以下是运行效果截图:

代码截图

悬停前和离开后

动图

代码说明:这里面确实一次为这个段落创建了两个事件,都是DOM通用的事件,一个叫mouseover(鼠标悬停),一个叫mouseout(鼠标离开),mouseover事件触发时要用到2个函数(function), 分别是chfgcolor和chbgcolor, 而mouseout只用到1个chback函数。

还有,事件触发时会运行一些东西,但是不一定是函数。

先写两个事件:

function

a(){}

function

b(){}

在写一个调用这两个:

function

c(){

a()

b()

}

最后在input里调用c事件就可以了

着知识一种办法还有其他法子在找找