1. 程式人生 > >a標籤被alert()顯示href。

a標籤被alert()顯示href。

看到一個同學提問alert()中是一個a標籤為什麼出來的是href的值而不是a標籤本身。

首先看看規範,https://developer.mozilla.org/zh-CN/docs/Web/API/Window/alert

window.alert(message);
  • message是要顯示在對話方塊中的文字字串,如果傳入其他型別的值,會轉換成字串.

而a標籤toString() ,在某些瀏覽器中確實是href的值。其他dom可能顯示的是[Object ...]

所以想顯示a標籤的話,就使用outerHTML。

示例程式碼如下

var ele = document.createElement('a');
ele.href = 'test';
alert(ele);
alert(ele.outerHTML);


相關推薦

a標籤alert()顯示href

看到一個同學提問alert()中是一個a標籤為什麼出來的是href的值而不是a標籤本身。 首先看看規範,https://developer.mozilla.org/zh-CN/docs/Web/API/Window/alert window.alert(message)

perl xpath 根據a標籤 查詢屬性為href的值

[[email protected] sbin]# [[email protected] sbin]# cat a2.pl use LWP::UserAgent; use HTTP::Cookies; use HTTP::Headers; use HT

a標籤的onclick與href同時存在的處理

        在用 <a href="" onclick=""> 時,我們菜鳥經常會不知道如何處理頁面跳轉與否的問題,現在我在網上搜索發現瞭如下內容:         1、連結的onclick事件被先執行,其次是href屬性下的動作(頁面跳轉,或 javasc

div a標籤的隱藏/顯示和獲取session的值

需求說明:  1、前端頁面獲取session中的值程式碼部分:  1、jQuery中獲取<script type="text/javascript"> $(function(){ var username = '<%= session.getAttribute("us

a標籤取消預設的href連結跳轉

<a href="javascript:;"></a> 或者 <a href="javascript:void(0);"></a> javascri

a標籤的 onclick 和 href 哪個先執行?

 以下這種寫法,onclick 事件先執行, href 屬性下的動作後執行(頁面跳轉或 javascript 偽連結),如果不想執行 href 屬性下的動作,onclick 需要返回 false。<a href="https://www.baidu.com/" oncl

js 獲取a標籤點選的連結,有多個a標籤

新增onclick事件,獲取href屬性就知道具體的url地址了 <!DOCTYPE html> <html> <body> <script> function aclick(self){ alert(self.hre

vue中a標籤href屬性的寫法

問題:vue.js a標籤href裡有變數,函式拼接問題 <a :href ="'http://search.jd.com/Search?enc=utf-8&keyword='+keyWord+'&page='+Math.ceil(record.skuRank/60

【js】js模擬點選a標籤,觸發href

js中的$(...).click()事件只能觸發繫結的onClick方法,不能跳轉到href。 常規情況下如果想下如果想在js裡跳轉href的連結,會先用attr獲取到href屬性的值,然後window.location.href跳轉,但是現在想利用a標籤的download屬性實現下載功能,如果

js提交a標籤中的href地址

場景: 專案中有一個刪除是直接用的a標籤的href和jinja的url_for+刪除操作的路由地址實現刪除操作 <a href="url_for('admin.area_delete',id=id)" class='btn btn-xs btn-danger'> <

解決手機點選包含a標籤的下拉框出現背景色問題

.mobile-menu li a {         display: inline-block;         width: 100%;     

li標籤下的a標籤點選一個a標籤,當前a標籤變紅色 其他a標籤變黑色

  如果用jquery的話: var lable_a = $('li').children('a'); lable_a.click(function() {     lable_a.css('c

Vue 中 a標籤href無法跳轉

問題:     使用vue-router 在IE下 a標籤裡的路由不跳轉,火狐,chrome工作正常。 解決:     在App.vue 裡增加判斷IE瀏覽器手動修復…… export default {   na

如何獲取字串中最後一個a標籤href的值

 如下連結: String = " </a> <b>1</b> <a href="/news/201804/28/207901_2.html">2</a> <a href="/news/201804/28/2

PHP抓取頁面中a標籤href屬性值以及a中間內容

$str = file_get_contents($zh_cn_url); $reg1='/<a href=\"(.*?)\".*?>(.*?)<\/a>/i';//匹配所有A標籤 preg_match_all($reg1,$str,$aarray); //這個$a

a標籤的 onclick, href

1. 以下這種寫法,onclick 事件先執行, href 屬性下的動作後執行(頁面跳轉或 javascript 偽連結),如果不想執行 href 屬性下的動作,onclick 需要返回 false: <a href="https://www.baidu.com/"

關於mui框架a標籤不能href跟**onlick()**跳轉頁面

關於mui框架< a > 標籤不能href跟onlick()跳轉頁面 大家好~我是第一次寫部落格,有什麼不對的希望大家能夠指出來,我們一起討論。 就前天臨時接到一個專案說要做一個有關汽車的H

python獲取頁面所有a標籤href的值

參考下面的連結中的內容: # -*- coding:utf-8 -*- #python 2.7 #http://tieba.baidu.com/p/2460150866 #標籤操作 from

python 根據a標籤查詢href的值

# !/usr/bin/env python # -*- coding: utf-8 -*- import urllib2 import urllib import cookielib import json import httplib import re import r