Skip to content

Instantly share code, notes, and snippets.

@ideacco
Last active August 6, 2019 10:15
Show Gist options
  • Save ideacco/fa504572de17388bd755f05b77440b47 to your computer and use it in GitHub Desktop.
Save ideacco/fa504572de17388bd755f05b77440b47 to your computer and use it in GitHub Desktop.
获取 iframe 父级窗口并添加 JS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div style="width: 200px;height: 400px;background-color: blue"><button onclick="test()">点击触发</button><h2>子页面效果</h2></div>
<script type="text/javascript">
var scriptURL = 'https://www.googletagmanager.com/gtag/js?id=UA-104793185-3';
var script = document.createElement('script');
script.async = true;
script.src = scriptURL;
(window.parent.document.getElementsByTagName('head')[0] || window.parent.document.getElementsByTagName('body')[0]).appendChild(script);
function test(){
var obj= window.parent.document.getElementById('objId')
console.log('子框架',obj)
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="objId"><h1>一个测试</h1></div>
<iframe src="./index.html"></iframe>
<!-- <script type="text/javascript">
var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
var script = document.createElement('script');
script.async = true;
script.src = scriptURL;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
</script> -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment