📜  如何添加内容<head>部分使用 jQuery/JavaScript?

📅  最后修改于: 2021-09-02 04:57:22             🧑  作者: Mango

可以使用以下两种方法将任何内容添加到 部分:

  1. 使用 document.head 属性
  2. 使用 jQuery 选择头部元素

方法一:使用document.head属性:文档的head属性返回文档的head元素。可以使用 appendChild()方法将任何新内容添加到此元素。要添加的内容可以首先使用createElement()方法创建,然后可以为其分配所需的属性。 appendChild() 方法将这个创建的元素附加到文档的头部。

句法:

document.head.appendChild( elementToAdd );

例子:



  

  
    How to add content in head section 
    using jQuery/JavaScript?
  

  

  

    GeeksforGeeks   

       How to add content in     section using jQuery/JavaScript?            
          
  Current Head Element   
                

输出:

  • 点击按钮前:
    js-before
  • 添加脚本后:
    js 后脚本
  • 添加样式表后:
    js 后样式表

方法二:使用jQuery选择head元素:可以使用jQuery选择器选择文档的head属性。可以使用 append()方法将新内容添加到此选定元素。要添加的内容可以首先使用createElement()方法创建。 append()方法然后将此创建的元素附加到所选元素的末尾,即附加到头部。

句法:

$('head').append( elementToAdd );

例子:



  

  
    How to add content in head section 
    using jQuery/JavaScript?
  
  
  
  

  

  

    GeeksforGeeks   

       How to add content in     section using jQuery/JavaScript?         
     
  Current Head Element   
              

输出:

  • 点击按钮前:
    jq-before
  • 添加脚本后:
    jq 后脚本
  • 添加样式表后:
    jq-after-stylesheet