Jquery के साथ पृष्ठ का शीर्षक बदलना

Question 1

<title>Jquery के साथ डायनामिक चेंजिंग टैग कैसे बनाया जाए ?

उदाहरण: >एक-एक करके 3 प्रतीक जोड़ना

> title
>> title
>>> title

Question 2

$(document).prop('title', 'test');

यह केवल एक JQuery के आवरण के लिए है:

document.title = 'test';

समय-समय पर एक जोड़ने के लिए आप कर सकते हैं:

function changeTitle() {
    var title = $(document).prop('title'); 
    if (title.indexOf('>>>') == -1) {
        setTimeout(changeTitle, 3000);  
        $(document).prop('title', '>'+title);
    }
}

changeTitle();

Question 3

शीर्षक बदलने के लिए jQuery का उपयोग करने की कोई आवश्यकता नहीं है। प्रयत्न:

document.title = "blarg";

देखें इस सवाल का अधिक जानकारी के लिए।

बटन क्लिक पर गतिशील रूप से बदलने के लिए:

$(selectorForMyButton).click(function(){
    document.title = "blarg";
});

लूप में गतिशील रूप से बदलने के लिए, प्रयास करें:

var counter = 0;

var titleTimerId = setInterval(function(){
    document.title = document.title + '>';
    counter++;
    if(counter == 5){
        clearInterval(titleTimerId);
    }
}, 100);

दो को एक साथ स्ट्रिंग करने के लिए ताकि यह बटन क्लिक पर गतिशील रूप से बदल जाए, एक लूप में:

var counter = 0;

$(selectorForMyButton).click(function(){
  titleTimerId = setInterval(function(){
    document.title = document.title + '>';
    counter++;
    if(counter == 5){
        clearInterval(titleTimerId);
    }
  }, 100);
});

Question 4

का उपयोग करते हुए

$('title').html("new title");

Question 5

 var isOldTitle = true;
        var oldTitle = document.title;
        var newTitle = "New Title";
        var interval = null;
        function changeTitle() {
            document.title = isOldTitle ? oldTitle : newTitle;
            isOldTitle = !isOldTitle;
        }
        interval = setInterval(changeTitle, 700);

        $(window).focus(function () {
            clearInterval(interval);
            $("title").text(oldTitle);
        });

स्निपेट का विस्तार करें

Question 6

मैं उपयोग (और सिफारिश):

$(document).attr("title", "Another Title");

और यह IE में काम करता है और साथ ही यह एक उपनाम है

document.title = "Another Title";

कुछ विच पर बहस करेंगे बेहतर है, प्रोप या अटर , और जब से प्रोप कॉल डोम गुण और attr कॉल एचटीएमएल गुण, मुझे लगता है कि यह वास्तव में बेहतर है ...

DOM लोड के बाद इसका उपयोग करें

$(function(){
    $(document).attr("title", "Another Title");
});

उम्मीद है की यह मदद करेगा।

Question 7

शीर्षकों की सूची के माध्यम से चलने के लिए कुछ कोड (गोलाकार या एक-शॉट):

    var titles = [
            " title",
            "> title",
            ">> title",
            ">>> title"
    ];

    // option 1:
    function titleAniCircular(i) {
            // from first to last title and back again, forever
            i = (!i) ? 0 : (i*1+1) % titles.length;
            $('title').html(titles[i]);
            setTimeout(titleAniCircular, 1000, [i]);
    };

    // option 2:
    function titleAniSequence(i) {
            // from first to last title and stop
            i = (!i) ? 0 : (i*1+1);
            $('title').html(titles[i]);
            if (i<titles.length-1) setTimeout(titleAniSequence, 1000, [i]);
    };

    // then call them when you like.
    // e.g. to call one on document load, uncomment one of the rows below:

    //$(document).load( titleAniCircular() );
    //$(document).load( titleAniSequence() );

Question 8

मैं इस एक का उपयोग करें:

document.title = "your_customize_title";

Question 9

HTML कोड:

Change Title:
<input type="text" id="changeTitle" placeholder="Enter title tag">
<button id="changeTitle1">Click!</button>

जक्वरी कोड:

$(document).ready(function(){   
    $("#changeTitle1").click(function() {
        $(document).prop('title',$("#changeTitle").val()); 
    });
});

Question 10

document.title="your title";

यह मेरे लिए ज़्यादा प्रधान है।

Question 11

Jquery के साथ पृष्ठ का शीर्षक बदलने का इसका बहुत ही सरल तरीका है ।।

<a href="#" id="changeTitle">Click!</a>

यहाँ जक्वरी विधि:

$(document).ready(function(){   
    $("#changeTitle").click(function() {
       $(document).prop('title','I am New One');
    });
});