峰javascript,阮一峰JavaScript

廖雪峰javascript怎么样

之前看过一点觉得效果还可以，有很多人javascript功能只能做一些简单特效没什么重要的用途，这重心态极其不正确的，因为是客户端很多的交互功能都跟javascript分不开的，作用非常大。

相关问答

Q1: JavaScript怎么隐藏和显示？

用css样式隐藏所有，显示第一个。然后答对了显示下一个就可以了

html

head

script language="JavaScript"

function output(v){

 document.getElementById("mf").value=v;

}

function btn(){

 var v=document.getElementById("mf").value;

 if(v=="3")  {

  alert("正确");document.getElementById('mf').style.display = 'none';document.getElementById('mf2').style.display = 'block';

  }else{

   alert("错误");

  }

}

function output2(v){

 document.getElementById("mf2").value=v;

}

function btn2(){

 var v=document.getElementById("mf2").value;

 if(v=="3")  {

  alert("正确");

  }else{

   alert("错误");

  }

}

/script

styleform{ display:none;}#mf{ display:block;}/style

/head

body

form id="mf" value="0"

h1世界上什么山最高?/h1

input type="radio" name="one" value="1" onclick="output(this.value)"昆仑山br /

input type="radio" name="one" value="2" onclick="output(this.value)"凤凰山br /

input type="radio" name="one" value="3" onclick="output(this.value)"珠穆朗玛峰br /

input type="radio" name="one" value="4" onclick="output(this.value)"天山br /

input type="button" name="sub" onclick="btn()" value="提交并且跳转下一题"

/form

form id="mf2" value="0"

h1世界上什么河最长?/h1

input type="radio" name="two" value="1" onclick="output2(this.value)"长江br /

input type="radio" name="two" value="2" onclick="output2(this.value)"黄河br /

input type="radio" name="two" value="3" onclick="output2(this.value)"尼罗河br /

input type="radio" name="two" value="4" onclick="output2(this.value)"亚马逊河br /

input type="button" name="sub2" onclick="btn2()" value="提交并且跳转下一题"

/form

/body

/html

隐藏标签用style.display = 'none';

Q2: 色谱峰面积单位？

一般峰面积的单位是[纵坐标的单位*横坐标的单位]

例如Agilent的所有色谱图：纵坐标的单位是mAu，横坐标的单位是s（时间单位）

则色谱峰面积单位为[mAu*s]

Q3: JAVASCRIPT怎么改变层的背景图象？

这就有改变背景的代码

PS:back49.gif 是图片。你随便把有一个GIF的图片改称这个名字就行了

html

head

titlestyle 对象应用/title

/head

script language="JavaScript"

function changeTablePro()

{

MTB.style.borderLeft="solid red 2px";

MTB.style.borderRight="solid red 2px";

MTD1.style.borderLeft="solid blue 2px";

MTD1.style.borderRight="solid blue 2px";

MTD2.style.borderLeft="solid blue 2px";

MTD2.style.borderRight="solid blue 2px";

MTD3.style.borderLeft="solid blue 2px";

MTD3.style.borderRight="solid blue 2px";

MTD4.style.borderLeft="solid blue 2px";

MTD4.style.borderRight="solid blue 2px";

}

function resetTablePro()

{

MTB.style.borderLeft="solid blue 1px";

MTB.style.borderRight="solid blue 1px";

MTD1.style.borderLeft="solid red 1px";

MTD1.style.borderRight="solid red 1px";

MTD2.style.borderLeft="solid red 1px";

MTD2.style.borderRight="solid red 1px";

MTD3.style.borderLeft="solid red 1px";

MTD3.style.borderRight="solid red 1px";

MTD4.style.borderLeft="solid red 1px";

MTD4.style.borderRight="solid red 1px";

}

/script

body id="BD" style="background:url(back49.gif) repeat fixed;"

p

br

pre

这里是关于style对象的应用实例，我们将通过br

对style对象的应用来改变页面的背景属性。br

/pre

form

input type="button" value="背景图像滚动" onclick="JavaScript:BD.style.backgroundAttachment='scroll'"

input type="button" value="背景图像静止" onclick="JavaScript:BD.style.backgroundAttachment='fixed'"

p

input type="button" value="清除背景图像" onclick="JavaScript:BD.style.backgroundImage=''"

input type="button" value="添加背景图像" onclick="JavaScript:BD.style.backgroundImage='url(back49.gif)'"

p

input type="button" value=" 还 原 背 景 初 始 设 置" onclick="JavaScript:BD.style.background='url(back49.gif) repeat fixed'"

p

input type="button" value="改变表格边框属性" onclick="changeTablePro()"

p

input type="button" value="还原表格初始设置" onclick="resetTablePro()"

/form

p

table id="MTB" style="border-left:solid blue 1px;border-right:dotted blue 1px;"

tr

td id="MTD1" style="border-left:solid red 1px;border-right:solid red 1px;padding:10px;spacing:10px"

pre

晚泊浔阳望庐山

孟浩然

挂席几千里，名山都未逢。

泊舟浔阳郭，始见香炉峰。

尝读远公传，永怀尘外踪。

东林精舍近，日暮空闻钟。

/pre

/td

td id="MTD2" style="border-left:solid red 1px;border-right:solid red 1px;padding:10px;spacing:10px"

pre

题义公禅房

孟浩然

义公习禅寂，结宇依空林。

户外一峰秀，阶前众壑深。

夕阳连雨足，空翠落庭阴。

看取莲花净，方知不染心。

/pre

/td

/tr

tr

td id="MTD3" style="border-left:solid red 1px;border-right:solid red 1px;padding:10px;spacing:10px"

pre

过故人庄

孟浩然

故人具鸡黍，邀我至田家。

绿树村边合，表山郭外斜。

开轩面声圃，把酒活桑麻。

待到重阳日，还来就菊花。

/pre

/td

td id="MTD4" style="border-left:solid red 1px;border-right:solid red 1px;padding:10px;spacing:10px"

pre

舟中晓望

孟浩然

挂席东南望，表山水国遥。

舳舻争利涉，来往接风潮。

问我今何适？夭台访石桥。

坐看霞色晓，疑是赤城标。

/pre

/td

/tr

/table

/body

/html