Skip to main content

动态创建标签

原生

var style = document.createElement('style'); 

style.type = 'text/css';

style.innerHTML="body{ background-color:blue }";

document.getElementsByTagName('head').item(0).appendChild(style);

let head=document.querySelector('head');
// 或者 是
let head=document.getElementByTagName('head')[0];

let script=document.createElement('script');
script.type="text/javascript";

script.innerHTML=‘alert("hello world"); // 页面弹出 hello world
// 或者不写 innerHTML
script.src="hello.js"

head.appendChild(script);

jQuery

 var script = $(`
<script>
alert('hello world')
</script>
`);

$("head").append($scriptB);

链接

js插入元素到body元素最前面的办法

用javascript插入style样式