打开新窗口并运行代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>‘运行代码‘的文本域代码</title>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
    <div>
        <textarea id="code_vessel" name="textarea" cols="60" rows="10">
<!DOCTYPE html>
<head>
    <meta charset="utf-8" />
    <title>新窗口</title>
</head>
<body>
    <h1>欢迎来到新窗口!</h1>
</body>
</html>

        </textarea><br>
        <button id="run_code">运行代码</button>
    </div>

  <script>
    //运行文本域代码 原生js实现
    window.onload=function(){
      var oCodeVessel=document.getElementById(‘code_vessel‘);
      var oRunCode=document.getElementById(‘run_code‘);
      oRunCode.onclick=function(){
        runCode(code_vessel);
      };
      function runCode(cod1) {
        var codeValue = cod1.value;
        if (codeValue != "") {
              //pageURL 为子窗口路径, name为子窗口句柄, parameters为窗口参数(各参数用逗号分隔)
            var newwin = window.open(‘‘, ‘‘, ‘‘); //打开一个窗口并赋给变量newwin。
            newwin.opener = null; // 防止代码对论坛页面修改
            newwin.document.write(codeValue); //向这个打开的窗口中写入代码,这样就实现了运行代码功能。
            newwin.document.close();
        }
      }
    };

    //运行文本域代码 jquery实现 未做空值判断
    // $(function(){
    //   (function(){
    //     $(‘#run_code‘).click(function(){
    //       runCode($(‘#code_vessel‘).val());
    //     });
    //     function runCode(val){
    //       var newwin=window.open(‘‘,‘‘,‘‘);//打开新窗口
    //       newwin.opener=null;
    //       newwin.document.write(val);
    //       newwin.document.close();
    //     }
    //   })();
    // });
  </script>
</body>

</html>
时间: 2024-10-11 16:06:30

打开新窗口并运行代码的相关文章

js 打开新窗口方式

之前的项目,有个功能是下载文件,这里只要在浏览器输入 url 就会下载那个文件了.当时我只是简单得使用 window.open ,但是却会被浏览器进行拦截,要手动开启才行,然后就搜索研究其他方法,就看到各种各样的,通过 js 打开新窗口的方法了,这里就总结一下 解决下载功能 这里就先说解决下载功能的方法,通过同事的提醒,改用 iframe 进行处理,直接对 iframe 的 src 进行赋值,就会自动进行下载文件了,不过,如果后端在 response header 设置了某个头部,就会报错了:x

【JavaScript】单击网页任意一处打开新窗口与关闭窗口

在一些不正规的网站,尤其是那些挂满广告的下载站,经常在你点击的下载链接之前,无论你点击网页的任何一处都会弹出新窗口. 这样的效果,可以轻松用JavaScript做到,还可以专门指定点击某一区域的Div,才触发打开新窗口的事件. 比如下图的效果: 在原网页中,指定一个Div,无论用户点击这个Div的任意区域,都会打开新窗口,而点击其它地方则不会. 在新窗口的地址栏不可以编辑,不能被调整大小,提供一个"关闭"按钮,关闭该窗口. 原网页的HTML布局如下, <!DOCTYPE HTML

使用javascript如何打开新窗口

javascript打开新窗口方法 window.open('http://www.onesheng.cn'); [1.最基本的弹出窗口代码]  其实代码非常简单: <SCRIPT LANGUAGE="javascript"> <!-- window.open ('smsyun.html') --> </SCRIPT> 因为着是一段javascripts代码,所以它们应该放在<SCRIPT LANGUAGE="javascript&q

使用BOM 的window对象属性打开新窗口

★  示例1 要求:弹出新窗口,并向新窗口写入动态HTML代码 代码 <buttononclick="btnOpen()">打开新窗口</button> <hr/> <span>使用JavaScript打开一个新的浏览器选项卡,并向其中动态写入HTML代码</span> <script> function openNewWin(){ var w = window.open();/*打开空白窗口*/ var d =

ajax请求成功后打开新窗口地址

转自:http://www.cnblogs.com/linjiqin/p/3148205.html jQuery.ajax({       "type":"post",       "url":"http://www.baidu.com",       "success":function(rel){            if(rel.isSuccess){                 window.

javascript 打开新窗口(window.open)

打开新窗口(window.open) open() 方法可以查找一个已经存在或者新建的浏览器窗口. 语法: window.open([URL], [窗口名称], [参数字符串]) 参数说明: URL:可选参数,在窗口中要显示网页的网址或路径.如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档. 窗口名称:可选参数,被打开窗口的名称. 1.该名称由字母.数字和下划线字符组成. 2."_top"."_blank"."_selft"具有特

html点击链接打开新窗口

html标记中格式为<a href="url"> text </a> 此时,内容在原来窗口呈现,如果想新开窗口,可以采用下列方式. 1. <a href="http://www.baidu.com/" onclick="window.open( this.href, '_blank', 'scrollbars=0,sesizebar=0,sesizeable=0,width=300' );return false"&

JS打开新窗口防止被浏览器阻止的方法

这篇文章主要介绍了JS打开新窗口防止被浏览器阻止的方法,分析对比了常用方法与改进方法,是非常实用的技巧,需要的朋友可以参考下 本文实例讲述了JS打开新窗口防止被浏览器阻止的方法.分享给大家供大家参考.具体分析如下: 用传统的window.open()方式打开新窗口,会被浏览器阻止,那么,我们如何才能让JS打开新窗口不被浏览器阻止呢?其实办法还是有的,这里我们就来分析一下如何解决这个问题 我最近也遇到了这样的问题,所以就把弹出新窗口的方法分享给大家.欢迎大家补充哦... 第一种.使用原生javas

打开新窗口(window.open) 用法

窗口名称:可选参数,被打开窗口的名称. 1.该名称由字母.数字和下划线字符组成. 2."_top"."_blank"."_selft"具有特殊意义的名称.   _blank:在新窗口显示目标网页   _self:在当前窗口显示目标网页   _top:框架网页中在上部窗口中显示目标网页 3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同.   4.name 不能包含有空格. 参数字符串:可选参数,设置窗口参数,各参数用逗