您的位置：首页 > Web前端 > JavaScript

JavaScript

2016-03-12 13:19 651 查看

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>热身</title>
</head>
<body>
<p id="p1">我是第一段文字</p>
<p id="p2">我是第二段文字</p>

<script type="text/javascript">
<!--Html写入Hello world-->
document.write("Hello world");
<!--修改p1标签内容颜色为blue-->
document.getElementById("p1").style.color="blue";
</script>
</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>confirm</title>
<script type="text/javascript">
function rec(){
<!--confirm函数 会弹出一个带有 确定、取消 对方框,确定返回True 取消返回False-->
var mymessage=confirm();
if(mymessage==true)
{
document.write("你是女士!");
}
else
{
document.write("你是男士!");
}
}
</script>
</head>
<body>
<input name="button" type="button" onClick="rec()" value="点击我，弹出确认对话框" />
</body>
</html>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript树形菜单</title>
<script type="text/javascript">
function show(index){
var elem = document.getElementById('caidan'+index);
if(elem.style.display == 'none')
elem.style.display='block';
else
elem.style.display='none';
}
</script>
</head>
<div>
<ul>
<li>
<a href="javascript:show(1)">类目一</a>
<ul id="caidan1" class="clist" style="display:none">
<li><a href="http://www.baidu.com">菜单一</a></li>
<li>菜单二</li>
<li>菜单三</li>
</ul>
</li>
<li>
<a href="javascript:show(2)">类目二</a>
<ul id="caidan2" class="clist" style="display:none">
<li>数字一</li>
<li>数字二</li>
<li>数字三</li>
</ul>
</li>
</ul>
</div>
<body>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航