JS初学者实例教程(9):下拉菜单和链接属性

作者佚名技术来源网页制作浏览发布时间 2012-03-07

p;    <tr>
        <td><input name="look" type="button" id="look" value="单击查看" onClick="display()"></td>
      </tr>
    </table>
<a href="http://www.baidu.com" name="baidu" target="_blank">有问题百度一下</a>
<br><br>
<a href="http://www.google.com" name="google" target="_blank">Google也可以</a><br><br>
<script language="javascript">
document.write("第一个连接的信息:<br>");
document.write("<b>href:</b>"+document.links[0].href+"<br>");
document.write("<b>pathname:</b>"+document.links[0].pathname+"<br>");
document.write("<b>port:</b>"+document.links[0].port+"<br>");
document.write("<b>protocol:</b>"+document.links[0].protocol+"<br>");
document.write("<b>target:</b>"+document.links[0].target+"<br>");
document.write("<br><br>");
document.write("第二个连接的信息:<br>");
document.write("<b>href:</b>"+document.links[1].href+"<br>");
document.write("<b>pathname:</b>"+document.links[1].pathname+"<br>");
document.write("<b>port:</b>"+document.links[1].port+"<br>");
document.write("<b>protocol:</b>"+document.links[1].protocol+"<br>");
document.write("<b>target:</b>"+document.links[1].target+"<br>");
</script>
</form>
</div>
</body>
</html>

效果演示：

<html> <head> <title>下拉菜单</title> <script language="java</td> </tr> <tr> <td><p>凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：<a href="http://www.lingzhong.cn">http://www.lingzhong.cn</a> 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!</p> </td> </tr> </table> </div> <div class="page"><a href="14310.htm">上一页</a><a href="14310.htm">1</a><a href="14310-2.htm" class="current">2</a><a href="14310-3.htm">3</a><a href="14310-4.htm">4</a><a href="14310-3.htm">下一页</a><div style="clear:both;"></div></div> <div id="jiathis">  <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare"> <a style="background:none;">分享到：</a> <a class="bds_qzone"></a> <a class="bds_tsina"></a> <a class="bds_tqq"></a> <a class="bds_renren"></a> <a class="bds_baidu"></a> <a class="bds_douban"></a> <a class="bds_kaixin001"></a> <a class="bds_t163"></a> <a class="bds_tsohu"></a> <span class="bds_more">更多</span> <a class="shareCount"></a> </div> <script type="text/javascript" id="bdshare_js" data="type=tools&uid=460515" ></script> <script type="text/javascript" id="bdshell_js"></script> <script type="text/javascript"> document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?t=" + new Date().getHours(); </script>  <div style="clear:both;"></div> </div> <div id="likeart"> <div class="liketitle">你可能对下面的文章感兴趣</div> <div class="likebox"> <ul> <li><a href="http://www.lingzhong.cn/tech/25362.htm" title="Oss程序迁移到Alsa时遇到的问题" target="_blank">Oss程序迁移到Alsa时遇到的问题</a></li> <li><a href="http://www.lingzhong.cn/tech/14143.htm" title="jQuery教程:超酷的文字变色效果" target="_blank">jQuery教程:超酷的文字变色效果</a></li> <li><a href="http://www.lingzhong.cn/tech/44624.htm" title="Windows 7 RTM荣获微软最安全客户端美誉" target="_blank">Windows 7 RTM荣获微软最安全客户端美誉</a></li> <li><a href="http://www.lingzhong.cn/tech/13305.htm" title="CSS教程：学习border-width属性" target="_blank">CSS教程：学习border-width属性</a></li> <li><a href="http://www.lingzhong.cn/tech/35190.htm" title="PS照片教程:随意给眼睛换颜色的制作方法" target="_blank">PS照片教程:随意给眼睛换颜色的制作方法</a></li> <li><a href="http://www.lingzhong.cn/tech/41388.htm" title="在Eclipse上使用XFire开发WebService - 编程入门网" target="_blank">在Eclipse上使用XFire开发WebService - 编程入门网</a></li> <li><a href="http://www.lingzhong.cn/tech/30729.htm" title="PHP获取远程图片" target="_blank">PHP获取远程图片</a></li> <li><a href="http://www.lingzhong.cn/tech/41543.htm" title="J2ME基础知识 - 编程入门网" target="_blank">J2ME基础知识 - 编程入门网</a></li> <li><a href="http://www.lingzhong.cn/tech/29429.htm" title="ASP.NET实现中英文域名查询" target="_blank">ASP.NET实现中英文域名查询</a></li> <li><a href="http://www.lingzhong.cn/tech/30671.htm" title="深入理解PHP之数组(遍历顺序)" target="_blank">深入理解PHP之数组(遍历顺序)</a></li> </ul> </div> <div style="clear:both;"></div> </div> <div class="prenext"><span class="pre">上一篇: <a href='http://www.lingzhong.cn/tech/14311.htm'>Javascript初学者实例教程(3):数组和slice()方法</a></span><span class="next">下一篇: <a href='http://www.lingzhong.cn/tech/14309.htm'>Javascript初学者实例教程(4):对象和构造方法</a></span> <div style="clear:both;"></div> </div>  <div class="comment"> <div class="more"> <a href="http://www.lingzhong.cn/tech/plus/comment/?id=14310">关于JS初学者实例教程(9):下拉菜单和链接属性的所有评论</a> </div>  <div class="list"> <script language="JavaScript" type="text/javascript" src="http://www.lingzhong.cn/tech/plus/comment/js.asp?id=14310"></script> </div>  <div class="post"> <form action="http://www.lingzhong.cn/tech/plus/comment/save.asp" method="post"> <input type="hidden" name="id" value="14310"> <label for="user">昵称</label> <input name="user" type="text" class="input" /> <label for="content">评论内容</label> <textarea name="content" cols="70" rows="6" class="textarea" onfocus="if($('sn').innerHTML.length==0){geturl('http://www.lingzhong.cn/tech/plus/comment/getcode.asp?'+Math.random(),'sn');}">

随机推荐

地址(ADD)：厦门软件园二期望海路63号701E（东南融通旁）邮编(ZIP)：361008

电话：0592-5908028 传真：0592-5908039 咨询信箱：web@lingzhong.cn 咨询OICQ：173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024 ICP备案:闽ICP备05037997号