關於js獲取title代碼的信息

  • 1、js或jquery獲取前一頁title
  • 2、怎麼在html的js中獲取當前全景的title
  • 3、js獲取的子節點裡的title??
  • 4、js怎麼根據元素屬性獲取title值
  • 5、原生JS怎麼獲取url鏈接的title標題?

如果是從A跳到B,那麼這時的A頁面的DOM已經被釋放了,B頁面無法訪問,如果想要再讀取A的內容,只能通過Ajax從伺服器重新獲取A頁面,然後可以通過正則從A的源代碼中提取TITLE標籤間的內容.

或者,有個簡單點的辦法,在A頁面加入一段JS,將自己的TITLE寫入Cookie,在B頁面從Cookie中取出這個值,就容易很多了.

通過URL參數傳遞A的TITLE到B也是一個辦法.

html文檔中的title元素,在w3c文檔中,有這樣的定義:

interface HTMLTitleElement : HTMLElement {

attribute DOMString text;

};

可以看到title元素繼承了HTMLElement,並擁有一個text屬性,該屬性可讀寫title.text( = value);

那麼,如果我們要獲得title元素之間的文本,我們可以有多種方法,

1、document.title;

2、title.text;(var title = document.getElementsByTagName(‘title’));

3、title.innerHTML;

第三種方法不靠譜,會返回title之間的所有東西,包括elements、注釋節點;

而第一、第二種方法則是標準的獲取title內容的方法,它們會忽略elements、注釋等節點,返回所有text node節點字元串;

這個要用到JS中的innerHTML來實現,具體代碼如下:

style

ul{width:300px; height:auto; margin:0 auto; border:1px dotted #F00; text-decoration:none;}//給UL定義一個樣式

li{width:300px; height:30px; line-height:30px; list-style: none; }//控制LI顯示樣式

/style

ul id=”aaa”//這裡給出UL一個ID,以便JS腳本獲取相應元素

li中國/li

li美工/li

li義大利/li

li德國/li

/ul

script

window.onload = function(){

var obj_lis = document.getElementById(“aaa”).getElementsByTagName(“li”);

for(i=0;iobj_lis.length;i++){

obj_lis[i].onclick = function(){

alert(this.innerHTML);

}

}

}

/script。

可以通過jquery的屬性選擇器獲取到元素,然後再得到title,具體代碼如下:

$(‘button[data-id=”id_select_gg”]’).attr(‘title’)

a id=”link” title=”test”123/a

script

var ele = document.getElementById(‘link’);

var i = ele.title;//用js的點方法獲得:對象.屬性名,兼容IE

var j = ele.getAttribute(‘title’);//標準的DOM方法,IE8及以下版本不支持

alert(i+”|”+j);

/script

原創文章,作者:簡單一點,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/126233.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
簡單一點的頭像簡單一點
上一篇 2024-10-03 23:07
下一篇 2024-10-03 23:07

相關推薦

  • JS Proxy(array)用法介紹

    JS Proxy(array)可以說是ES6中非常重要的一個特性,它可以代理一個數組,監聽數據變化並進行攔截、處理。在實際開發中,使用Proxy(array)可以方便地實現數據的監…

    編程 2025-04-29
  • Python周杰倫代碼用法介紹

    本文將從多個方面對Python周杰倫代碼進行詳細的闡述。 一、代碼介紹 from urllib.request import urlopen from bs4 import Bea…

    編程 2025-04-29
  • Python字元串寬度不限制怎麼打代碼

    本文將為大家詳細介紹Python字元串寬度不限制時如何打代碼的幾個方面。 一、保持代碼風格的統一 在Python字元串寬度不限制的情況下,我們可以寫出很長很長的一行代碼。但是,為了…

    編程 2025-04-29
  • Python基礎代碼用法介紹

    本文將從多個方面對Python基礎代碼進行解析和詳細闡述,力求讓讀者深刻理解Python基礎代碼。通過本文的學習,相信大家對Python的學習和應用會更加輕鬆和高效。 一、變數和數…

    編程 2025-04-29
  • 倉庫管理系統代碼設計Python

    這篇文章將詳細探討如何設計一個基於Python的倉庫管理系統。 一、基本需求 在著手設計之前,我們首先需要確定倉庫管理系統的基本需求。 我們可以將需求分為以下幾個方面: 1、庫存管…

    編程 2025-04-29
  • Python滿天星代碼:讓編程變得更加簡單

    本文將從多個方面詳細闡述Python滿天星代碼,為大家介紹它的優點以及如何在編程中使用。無論是剛剛接觸編程還是資深程序員,都能從中獲得一定的收穫。 一、簡介 Python滿天星代碼…

    編程 2025-04-29
  • 寫代碼新手教程

    本文將從語言選擇、學習方法、編碼規範以及常見問題解答等多個方面,為編程新手提供實用、簡明的教程。 一、語言選擇 作為編程新手,選擇一門編程語言是很關鍵的一步。以下是幾個有代表性的編…

    編程 2025-04-29
  • Python實現簡易心形代碼

    在這個文章中,我們將會介紹如何用Python語言編寫一個非常簡單的代碼來生成一個心形圖案。我們將會從安裝Python開始介紹,逐步深入了解如何實現這一任務。 一、安裝Python …

    編程 2025-04-29
  • 怎麼寫不影響Python運行的長段代碼

    在Python編程的過程中,我們不可避免地需要編寫一些長段代碼,包括函數、類、複雜的控制語句等等。在編寫這些代碼時,我們需要考慮代碼可讀性、易用性以及對Python運行性能的影響。…

    編程 2025-04-29
  • 北化教務管理系統介紹及開發代碼示例

    本文將從多個方面對北化教務管理系統進行介紹及開發代碼示例,幫助開發者更好地理解和應用該系統。 一、項目介紹 北化教務管理系統是一款針對高校學生和教職工的綜合信息管理系統。系統實現的…

    編程 2025-04-29

發表回復

登錄後才能評論