通过从链接中提取URL来创建脚本

时间:2017-08-26 10:02:20

标签: javascript jquery

<a href="/javascript.js">Open JavaScript</a>: - 此代码无法编辑,因为它已被主机锁定!所以我也无法在其中添加任何选择器!

但是我可以在它之外添加另一个代码。喜欢: - <ex ex="ex"><a href="/javascript.js">Open JavaScript</a></ex>

因此,我想通过从<script src="/javascript.js"></script>获取网址来创建<a href="/javascript.js">Open JavaScript</a>

他们也没有在那里允许PHP,否则我可以自己做。只有一种方法可以通过JavaScript实现。

我不想在<head>标签内添加脚本!它应该在页脚(<div class="body-footer"> Here </div>)中。页面中不仅有一个JavaScript链接,还有很多JavaScript链接。所以我也不能使用$("a[href$='.js']");。它对我来说变得更加困难。

那我怎么能用JavaScript或jQuery做到这一点?

1 个答案:

答案 0 :(得分:0)

以下是我的实现,其中<script>标记在<a>之前添加,其值为href

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
    	var hrefValue = $("div#test a").attr("href");
        $("div#test a").before("<script src='"+hrefValue+"'><\/script>");
        console.log($("#test").html());
    });
});
</script>

</style>
</head>
<body>
	<div id="test">
   <a href="/javascript.js">Open JavaScript</a>
	</div>

</br></br>
<button>CLICK it, to add href value of anchor tag to newly created sibling element</button>

</body>
</html>