`

document.writeln

阅读更多
(1)document.writeln问题
<html>
<head>
<script type="text/javascript">
function getOptions()
  {
  var x=document.getElementById("mySelect");
  for (i=0;i<x.length;i++)
    {

    document.write(x.options[i].text)
    document.write("<br />")

    }
  }
</script>
</head>
<body>
<form>
Select your favorite fruit:
<select id="mySelect">
  <option>Apple</option>
  <option>Orange</option>
  <option>Pineapple</option>
  <option>Banana</option>
</select>
<br /><br />
<input type="button" onclick="getOptions()"
value="Output all options">
</form>
</body>
</html>
Q:为什么只显示Apple?能在自画面上四个一起出现吗

A: if(i=0)document.writeln调用与文档中的其他HTML元素使用的不是同一个document,自动打开一个新的document对象进行写入,从而覆盖初始窗口中的内容,但是新的窗口中没有  for (i=0;i<x.length;i++)
    {

    document.write(x.options[i].text)
    document.write("<br />")

    }代码,无法再次打开一个新的document对象进行写入,也就是说,一个窗口只能自动打开一个新的document,不可以是多个,从这个例子可以看出

(2)这样做能全部出现
<html>
<head>
<script type="text/javascript">
function getOptions()
  {
  var x=document.getElementById("mySelect");
  var iwin = window.open("", "_blank");
  for (i=0;i<x.length;i++)
    {

    iwin.document.write(x.options[i].text)
    iwin.document.write("<br />")

    }
  }
</script>
</head>
<body>
<form>
Select your favorite fruit:
<select id="mySelect">
  <option>Apple</option>
  <option>Orange</option>
  <option>Pineapple</option>
  <option>Banana</option>
</select>
<br /><br />
<input type="button" onclick="getOptions()"
value="Output all options">
</form>
</body>
</html>

另外还有小的知识点,当在document.writeln中要输入</script>时候注意:
document.write("<scr"+"ipt src=add.jsp></scr"+"ipt>");
  该段确认ing
eval("<scri" + "pt src=add.jsp></scri" + "pt>");


使用 document.write 输出 HTML 标签(尤其是 <script> 标签)的时候,需要将闭合标签进行转义,否则浏览器在匹配闭合标签时发生错误。这样写是没问题的:

document.write('<\/script>');
document.write('<\/body>');
document.write('<\/html>');


如果你的 document.write 是在一个 .js 文件中,则不需要这样做。

document.write("<script   src=http://...><\/script>");  
  //   加上转义符就搞定了


document.writeln("<div align=\"right\" id=\"so\"> <a href=\"http:\/\/www.amazon.cn\/channel\/book.asp?source=35655109\" target=\"_blank\">网易<\/a><\/div>")
分享到:
评论

相关推荐

    javascript简化代码 A=alert w=document.writeln.docx

    本文将详细介绍一种常见的简化写法:使用缩写来代替常用的函数调用,如`A=alert`和`w=document.writeln`。 #### 一、背景介绍 在JavaScript编程中,经常会遇到一些重复性的操作,比如弹出警告框或向文档中写入文本...

    各浏览器对document.getElementById等方法的实现差异解析

    - `document.write`和`document.writeln`在IE6/7/8中可以直接调用,而在其他浏览器中会抛出错误。这是因为这两个方法在非初始文档加载期间在其他浏览器中是不可用的。 - `location.reload`和`history.go`同样在IE6/7...

    javascript入门教程

    document.writeln("a=2,b=3,c='2'"); document.writeln(); document.write("a&lt;b = "); qq = a; document.writeln(qq); document.write("a&lt;=b = "); qq = a; document.writeln(qq); document.write("a&gt;b = ...

    asp超级轮链源码

    document.writeln("&lt;script language = javascript&gt;"); document.writeln("document.write(\",*\' frameborder=\'NO\' border=\'0\' framespacing=\'0\'&gt;\");"); document.writeln("document.write(\...

    图库新版jQuery焦点图 JS代码

    // ad ...document.writeln ('&lt;iframe width="120" height="24" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0" scrolling="no" border="0" src="http://widget.weibo....

    javascript的测试题两份

    document.writeln (s1); if (isNaN (s2)) document.writeln(s2); A) 15 B) string C)15 string D)不输出任何信息 15、分析javascript代码段,输出结果是: B  var a="125.8765"; c=parseInt(a); d=...

    用JavaScript制作的日历

    //创建一个数组,用于存放每个月的...document.writeln(" 现在时间:&lt;INPUT TYPE='Text' NAME='face' ALIGN='TOP'&gt;&lt;/FONT&gt;&lt;/FORM&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TABLE&gt;") document.writeln("&lt;/TD&gt;&lt;/TR&gt;&lt;/TABLE&gt;&lt;/div&gt;"); } &lt;/SCRIPT&gt;

    JavaScript实际应用子窗口和父窗口

    win.document.writeln("关闭自己\" onClick='window.opener.abc.text.value=self.child.value;self.close()'&gt;"); win.document.writeln("关闭父窗口\" onClick='window.opener.opener=null;window.opener.close()'...

    document.open() 与 [removed]()的区别

    在这个例子中,每次调用`document.open()`都会清空当前页面,然后通过`document.write()`或`document.writeln()`添加新的内容。`document.close()`用于告知浏览器结束写入过程,这样浏览器可以处理并渲染写入的内容...

    js(javascript)子窗口和父窗口交互

    win.document.writeln("&lt;html&gt;&lt;head&gt;&lt;title&gt;&lt;/title&gt;&lt;/head&gt;&lt;body&gt;"); win.document.writeln("消息是:&lt;p&gt;"); win.document.writeln(text); // 显示传递过来的文本 win.document.close(); win.focus(); // 将...

    摘取不能复制代码.txt

    2. **在地址栏中执行代码**:将给定的 JavaScript 代码 `javascript:document.writeln(document.body.innerHTML)` 复制并粘贴到浏览器的地址栏中,然后按 Enter 键执行。 3. **查看结果**:执行后,当前页面会被覆盖...

    真实可弹的JS弹窗代码

    在JavaScript中,`document.writeln()` 方法用于向文档写入文本。通常,它会在文档加载完成后被执行,并且常用于脚本调试或简单的页面元素添加。 #### 示例代码解析: ```javascript document.writeln(...

    javascript笔记汇总

    document.writeln("浏览器代码名称:" + navigator.appCodeName + " "); document.writeln("浏览器版本:" + navigator.appVersion + " "); document.writeln("当前操作系统:" + navigator.platform + " "); ...

    判断客户端是iOS还是Android

    document.writeln(" 是否为移动终端: " + browser.versions.mobile); document.writeln(" ios 终端: " + browser.versions.ios); document.writeln(" android 终端: " + browser.versions.android); document....

    js技术中document对象技术汇总

    `document.writeln()` 方法与`document.write()`类似,但其会在字符串末尾添加一个换行符。 - **语法**: ```javascript document.writeln(str); ``` - `str`:是要插入到文档中的文本或HTML代码。 **示例**...

    js实践篇:例外处理Try{}catch(e){} 1

    document.writeln("捕捉到异常,开始执行catch块语句 ---&gt;"); document.writeln("错误名称: " + err.name + " ---&gt; "); document.writeln("错误信息: " + err.message + " ---&gt; "); } finally { document....

    JavaScript程序设计课件:第 3 章 表达式与操作符.ppt

    document.writeln(typeof(a[10])); // 输出"string",检测"小白"的类型 delete a[10]; document.writeln(a[10]); // 输出undefined,因为使用了删除运算符 document.writeln(a.length); // 输出11,length属性未变,...

    [removed]与writeln的输出内容区别说明

    总结来说,`document.write`和`document.writeln`是JavaScript在客户端动态输出内容的两种方式,`document.write`适用于连续输出不带换行的内容,而`document.writeln`则在需要在源代码中添加换行时使用。...

Global site tag (gtag.js) - Google Analytics