Javascript输出
一种是输出在js中,用js中的语法,
一个是alert,英语表示警告,通过这个指令我们可以看到警告的内容
使用 alert(‘警告的内容’) 一定是半角引号(‘或者”)
当浏览器打开的时候,我们可以在html页面中看到这个指令的具体实现
一个是prompt,可以输入内容的,
使用 prompt(‘提示的文案’,”默认输入文案”)
提示的是不能更改的
输入的内容是可以更改的
页面输出
一种是输出在页面中
document.write 将js中的内容输出的页面中,此时我们打开页面可以看到这些内容
输出到页面中的的内容值一定加上引号
Document.wirite(‘hello’)
控制台输出
一种是输出在控制台中
Console.log指令,可以将js的内容输出到控制台中
Console表示控制台对象,log表示打印的方法,他们一起掉用,可以将js的内容输出页面中
打开控制台
1 通过F12键打开
2 通过点击鼠标右键,选审核标签,在审核面板中选console面板
3 mac同学可使用command+R组合键将控制台打开
<tablewidth="251"
bgcolor="#000000"
height="8">
<tr
bgcolor="ffffff">
<td
id="ctr"
style="display:none"
align=left>
<table
id=lpc
bgcolor=#98CC00
height=6>
<tr><td>content</td></tr>
</table>
</td>
</tr>
</table>
<input
type="button"
value="提交"
onclick="test()"/>
//提交按纽调用该方法
<script>
function
test(){
document.getElementById("ctr").style.display="block"
}
</script>
用javascript写的,望采纳<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p>
<span class="en">The heaven being spread with this pallid screen and the earth with the darkest vegetation, their meeting-line at the horizon was clearly marked. </span>
<span class="cn" style="display: none">蒙住苍穹的是这片灰白的帐幕,遍布大地的是这片黑苍苍的石南植物,它们在天际处交接,呈现出一条清晰分明的界线。</span>
<span class="en">In such contrast the heath wore the appearance of an instalment of night which had taken up its place before its astronomical hour was come: darkness had to a great extent arrived hereon, while day stood distinct in the sky. </span>
<span class="cn" style="display: none">在如此鲜明的对比下,这片荒原不等夜晚按天时自然降临,便早早蒙上了一层夜色;也就是说,在大地已经显出一片黑苍苍之际,天空依然清晰可见,昼光未逝。</span>
<span class="en">Looking upwards, a furze-cutter would have been inclined to continue worklooking down, he would have decided to finish his faggot and go home. </span>
<span class="cn" style="display: none">抬头望天,一位砍荆条的人会想要继续手头的活儿,然而低头凝望,他便会决定捆好柴束,打道回府。
</p>
</body>
<script>
var enarr = document.getElementsByClassName("en")
for(var i=0i<enarr.lengthi++){
enarr[i].onclick = function(obj){
return function(){
if(obj.nextElementSibling.style.display=='none'){
obj.nextElementSibling.style.display=''
} else {
obj.nextElementSibling.style.display='none'
}
}
}(enarr[i])
}
</script>
</html>