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/38099.htm" title="Photoshop CS4做大片《梅兰芳》电影海报" target="_blank">Photoshop CS4做大片《梅兰芳》电影海报</a></li> <li><a href="http://www.lingzhong.cn/tech/43655.htm" title="Acegi源码研究(五):七剑下天山 - 编程入门网" target="_blank">Acegi源码研究(五):七剑下天山 - 编程入门网</a></li> <li><a href="http://www.lingzhong.cn/tech/47661.htm" title="追求代码质量 - 亲身体验行为驱动开发 - 编程入门网" target="_blank">追求代码质量 - 亲身体验行为驱动开发 - 编程入门网</a></li> <li><a href="http://www.lingzhong.cn/tech/14158.htm" title="现代网页设计时尚:网页中对话框窗口" target="_blank">现代网页设计时尚:网页中对话框窗口</a></li> <li><a href="http://www.lingzhong.cn/tech/25991.htm" title="立志！开始Linux的深入学习！" target="_blank">立志！开始Linux的深入学习！</a></li> <li><a href="http://www.lingzhong.cn/tech/25218.htm" title="Linux入门笔记之一：系统分区及挂载点" target="_blank">Linux入门笔记之一：系统分区及挂载点</a></li> <li><a href="http://www.lingzhong.cn/tech/39000.htm" title="使用水墨笔刷作图的PS实用技巧" target="_blank">使用水墨笔刷作图的PS实用技巧</a></li> <li><a href="http://www.lingzhong.cn/tech/48751.htm" title="让windows自带的DNS服务支持泛解析" target="_blank">让windows自带的DNS服务支持泛解析</a></li> <li><a href="http://www.lingzhong.cn/tech/51920.htm" title="利用鼠标跟随做别具特色的导航条" target="_blank">利用鼠标跟随做别具特色的导航条</a></li> <li><a href="http://www.lingzhong.cn/tech/38807.htm" title="制作工艺精湛金属齿轮的PS技巧" target="_blank">制作工艺精湛金属齿轮的PS技巧</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号