javascript target属性

关注

原创最新推荐文章于 2026-09-07 12:05:29 发布 1.6k 阅读 AI 写同款· GEO 优化 ›

别再只用JS了！用a标签的target属性实现iframe导航，代码更简洁（附完整示例）本文介绍了一种利用HTML原生`<a>`标签的`target`属性实现iframe导航的优雅方案，相比传统JavaScript方法，代码量减少70%，提升页面加载性能和可维护性。适用于后台管理系统、内容管理系统等场景，特别适合需要高效导航和动态显示内容的网页嵌套应用。阅读详情

srcElement是IE下的属性
target是Firefox下的属性
Chrome浏览器同时有这两个属性
<html>
<head>
<script type="text/javascript">
function whichElement(e)
{
var targ
if (!e) var e = window.event
if (e.target) targ = e.target
else if (e.srcElement) targ = e.srcElement
if (targ.nodeType == 3) // defeat Safari bug
   targ = targ.parentNode
var tname
tname=targ.tagName
alert("You clicked on a " + tname + " element.")
}
</script>
</head>

<body onmousedown="whichElement(event)">
<p>在文档中点击某个位置。消息框会提示出您所点击的标签的名称。</p>

<h3>这是标题</h3>
<p>这是段落。</p>
<img src="/i/eg_mouse2.jpg" />
</body>

</html>

收录于