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/40984.htm" title="利用Myeclipse快速开发struts应用程序 - 编程入门网" target="_blank">利用Myeclipse快速开发struts应用程序 - 编程入门网</a></li> <li><a href="http://www.lingzhong.cn/tech/31173.htm" title="在Windows版的PHP中使用ADO" target="_blank">在Windows版的PHP中使用ADO</a></li> <li><a href="http://www.lingzhong.cn/tech/31488.htm" title="PHP中实现图片的锐化" target="_blank">PHP中实现图片的锐化</a></li> <li><a href="http://www.lingzhong.cn/tech/11867.htm" title="分享几个提高网站转换率的简单方法" target="_blank">分享几个提高网站转换率的简单方法</a></li> <li><a href="http://www.lingzhong.cn/tech/45166.htm" title="去除文件回车" target="_blank">去除文件回车</a></li> <li><a href="http://www.lingzhong.cn/tech/25795.htm" title="linux-qmail 病毒/垃圾邮件处理" target="_blank">linux-qmail 病毒/垃圾邮件处理</a></li> <li><a href="http://www.lingzhong.cn/tech/14398.htm" title="关于初次学习Ajax的一些心得" target="_blank">关于初次学习Ajax的一些心得</a></li> <li><a href="http://www.lingzhong.cn/tech/44681.htm" title="Unix服务器能否替代专有系统" target="_blank">Unix服务器能否替代专有系统</a></li> <li><a href="http://www.lingzhong.cn/tech/20552.htm" title="windows下jira confluence迁移到linux" target="_blank">windows下jira confluence迁移到linux</a></li> <li><a href="http://www.lingzhong.cn/tech/12230.htm" title="新手做淘宝客赚钱5点心得体会" target="_blank">新手做淘宝客赚钱5点心得体会</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号