使用jQuery将JavaScript代码注入到iframe头中的方法如下:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<iframe id="myFrame"></iframe>
$(document).ready(function() {
// 在这里编写你的代码
});
$(document).ready(function() {
var iframeDoc = $("#myFrame").contents();
var head = iframeDoc.find("head");
});
$(document).ready(function() {
var iframeDoc = $("#myFrame").contents();
var head = iframeDoc.find("head");
var script = $("<script></script>").text("你的JavaScript代码");
head.append(script);
});
完整的代码如下:
<!DOCTYPE html>
<html>
<head>
<title>使用jQuery将JavaScript代码注入到iframe头中</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<iframe id="myFrame"></iframe>
<script>
$(document).ready(function() {
var iframeDoc = $("#myFrame").contents();
var head = iframeDoc.find("head");
var script = $("<script></script>").text("你的JavaScript代码");
head.append(script);
});
</script>
</body>
</html>
这样,你就成功地使用jQuery将JavaScript代码注入到了iframe头中。请注意,这种方法只适用于同源的iframe,即iframe的源与页面的源相同。
领取专属 10元无门槛券
手把手带您无忧上云