JavaScript

来源：互联网发布：轩辕剑神魔进阶数据编辑：程序博客网时间：2024/06/07 22:03

<!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';elseelem.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>

0 0