JS怎么在页面的head里面添加一个新的link,并且在页面源代码里能看见。_IT百科

添加新link可行，但是在源代码里可见就不行了。因为页面加载完毕. html就不会变化了不管用js怎么改源代码不会变。要想修改只能通过后端程序改。

添加新link就用楼上的head.appendChild()。

<!doctype html>

<html>

<head>

<title>creat a link</title>

onload = function(){

var link = document.createElement('link')

link.setAttribute('type','text/css')

link.setAttribute('rel','stylesheet')

link.setAttribute('href','https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css')

document.head.appendChild(link)

}

</script>

</head>

<body>

<p class="text-primary">这是一段话，样式是动态创建的引用bootstrap的样式</p>

</body>

</html>

link标签貌似都是加载样式表css文件的，如果你非要加载脚本

可以让css文件执行脚本创建script元素进行加载

background-image:url(javascript:alert(1))

将alert(1)换成创建script元素的脚本即可

创建方法大概如下,可能会有语法错误,自己修正吧

var s = document.createElement('script')

s.src = 'http://www.abc.com/yourscript.js'

document.body.appendChild(s)

正统的加载方式

欢迎分享，转载请注明来源：内存溢出

JS怎么在页面的head里面添加一个新的link,并且在页面源代码里能看见。