谙古 2022-03-14 15:55 采纳率: 100%
浏览 99
已结题

JavaScript利用open()方法打开新窗口,如何让这个新窗口执行JS代码?


let newWindow = window.open("");
newWindow.document.head.innerHTML = '<title>my test</title><style>div{width:100px;height:100px;background-color:red;}</style>';
newWindow.document.body.innerHTML = '<div id="box">I am a box</div><button onclick="clickEven()">click to change</button>';
newWindow.document.body.innerHTML += '<script>function clickEven(){document.getElementById("box").innerHTML = "Good job!";}</script>';

这段代码运行之后其他的全都正常,CSS样式也能正常显示,如下图

img

但是点击按钮没有任何反应,按F12后发现有报错
Uncaught ReferenceError: clickEven is not defined
at HTMLButtonElement.onclick (about:blank:1:1)
如下图

img


img

其实我本来是想写一个别的东西,弹出的这个窗口实现计算器的功能,研究了挺长时间没成功,发现了问题所在,所以精简了代码,只留出有问题的部分。
请问这个怎么解决呀?或者有没有别的办法来实现相同的功能?

  • 写回答

4条回答 默认 最新

  • CSDN专家-showbo 2022-03-14 16:21
    关注

    设置innerHTML,里面的script块不会生效的,直接往打开的窗口注册代码。或者改为document.write输出内容,而不是innerHTML来设置

    示例代码如下

    
            let newWindow = window.open("");
            var doc = newWindow.document;
            doc.open();
            doc.write(`<title>my test</title><style>div{width:100px;height:100px;background-color:red;}</style>
    <div id="box">I am a box</div><button onclick="clickEven()">click to change</button>
    <script>function clickEven() {
    document.getElementById("box").innerHTML = "Good job!";
    }
    <\/script>
    
    `);
            doc.close();
    
    

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 3月22日
  • 已采纳回答 3月14日
  • 修改了问题 3月14日
  • 创建了问题 3月14日

悬赏问题

  • ¥15 nrf52810-c三个a 程序
  • ¥15 lego-loam跑出来的roll误差很大
  • ¥50 求一个半透明没有锯齿的圆角窗体的实现例子
  • ¥15 STM32cubeMX里的FreeRTOS无法释放内存
  • ¥15 CATIA有些零件打开直接单机确定终止
  • ¥15 请问有会的吗,用MATLAB做
  • ¥15 phython如何实现以下功能?查找同一用户名的消费金额合并—
  • ¥15 ARIMA模型时间序列预测用pathon解决
  • ¥15 孟德尔随机化怎样画共定位分析图
  • ¥18 模拟电路问题解答有偿速度