康康舞 發表於 2026-5-3 22:16:53

CSS页面中点击超链接如何跳转新的页面

<p>点击超链接后，重新打开一个新的网页，不是在原本的网页进行跳转。</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202309/20230913165701104.png" /></p>
<p>打开创建的网页</p>
<div class="jb51code"><pre class="brush:css;">a{
            /* 去除超链接的下划线 */
            text-decoration: none;
      }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div&gt;
      点击一下试试
      &lt;!--   跳转到 百度网址--&gt;
      &lt;a href="http://www.baidu.com" target="_blank"&gt;超链接，在新的页面中打开百度。&lt;/a&gt;
    &lt;/div&gt;</pre></div>
<p>上面是参考代码，主要是添加 target=&quot;_blank</p>
<p>给超链接添加target=&quot;_blank&quot;属性</p>
<p>就可以跳转到新的一个页面。</p>
<p>其中target=还有其他属性值。其它用法不多，了解即可。</p>
<p>Target属性self的作用</p>
<p>作用：这个目标的值对所有没有指定目标的 &lt;a&gt; 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 &lt;base&gt; 标签中的 target 属性一起使用。（在相同的框架中打开被链接文档）</p>
<p>用法：&lt;a herf=&ldquo;http://www.baidu.com&rdquo; target=&rdquo;_self&rdquo;&gt;跳转&lt;/a&gt;</p>
<p>Target属性parent的作用</p>
<p>作用：这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。（在父框架集中打开被链接文档）</p>
<p>用法：&lt;a herf=&rdquo;http://www.baidu.com&rdquo; target=&rdquo;_parent&rdquo;&gt;跳转&lt;/a&gt;</p>
<p>Target属性top的作用</p>
<p>作用：这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口（在整个窗口中打开被链接文档）</p>
<p>用法：&lt;a herf=&rdquo;http://www.baidu.com&rdquo; target=&rdquo;_top&gt;跳转&lt;/a&gt;</p>
頁: [1]
查看完整版本: CSS页面中点击超链接如何跳转新的页面