window.open()
<button id="go">點擊我</button>
<script>
document.getElementById("go").addEventListener("click", () => {
openUrl("https://so.toutiao.com/search?dvpf=pc&keyword=Plzbefat");
});
function openUrl(url) {
window.open(url);
}
</script>
a標籤
<a href="https://so.toutiao.com/search?dvpf=pc&keyword=Plzbefat" target="_blank"
>點擊我</a
>
a 標籤自帶部分樣式 , 點擊過後會有顏色差
target參數詳解:
- _self: 新網頁在當前的頁面打開，不填參數則就是當前頁面打開。
- _blank: 新網頁在新窗口打開。
- _parent: 沒有iframe的話在當前的頁面打開。
- _top: 沒有iframe的話 在當前的頁面打開。
什麼時候用a標籤什麼時候用window.open?
一般使用a標籤是不需要帶上js邏輯的 , 這樣使用起來簡單明了 , 其餘情況就使用 window.open() 就可以啦.
但是目前大多數使用 a 標籤的時候 , 都覺得它原有的樣式太丑 , 所以覆蓋樣式也是基本操作 .
css 對a標籤的樣式覆蓋:
<style>
/* 未點擊過鏈接*/
a:link {
color: red;
}
/* 已經點擊過鏈接 */
a:visited {
color: green;
}
/* 滑鼠移動到a標籤上方 */
a:hover {
color: hotpink;
}
/* 按住不放鏈接的時候 */
a:active {
color: blue;
}
/* a標籤的下劃線 */
a {
text-decoration: none;
}
</style>
<a href="https://so.toutiao.com/search?dvpf=pc&keyword=Plzbefat" target="_blank"
>頭條@Plzbefat</a
>
看看顏色和下劃線
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/216651.html
微信掃一掃 
支付寶掃一掃 