GVKun编程网logo

如何在没有document.write的情况下在HTML页面中显示JavaScript变量（html没有doctype）

5

如果您想了解如何在没有document.write的情况下在HTML页面中显示JavaScript变量和html没有doctype的知识，那么本篇文章将是您的不二之选。我们将深入剖析如何在没有docu

如果您想了解如何在没有document.write的情况下在HTML页面中显示JavaScript变量和html没有doctype的知识，那么本篇文章将是您的不二之选。我们将深入剖析如何在没有document.write的情况下在HTML页面中显示JavaScript变量的各个方面，并为您解答html没有doctype的疑在这篇文章中，我们将为您介绍如何在没有document.write的情况下在HTML页面中显示JavaScript变量的相关知识，同时也会详细的解释html没有doctype的运用方法，并给出实际的案例分析，希望能帮助到您！

本文目录一览：

如何在没有document.write的情况下在HTML页面中显示JavaScript变量（html没有doctype）

如何在没有document.write的情况下在HTML页面中显示JavaScript变量（html没有doctype）

我正在尝试在HTML页面上显示一些JavaScript变量。我第一次使用document.write()它，但是当调用该函数时，它用于覆盖当前页面。

在四处搜寻之后，普遍的共识是人们document.write()对此不太喜欢。还有哪些其他选择？

我找到了一个建议使用的页面，.innerHTML但该页面写于2005年。

答案1

小编典典

Element.innerHTML几乎是要走的路。以下是使用它的几种方法：

HTML

<div></div>

JavaScript

// ''Modern'' browsers (IE8+, use CSS-style selectors)document.querySelector(''.results'').innerHTML = ''Hello World!'';// Using the jQuery library$(''.results'').html(''Hello World!'');

如果您只想更新<div>I 的一部分，通常只需要添加一个类似value或类的空元素，就可以将main的内容替换为<div>。例如

<div>Hello <spanvalue''></span></div>

然后，我将使用以下代码：

// ''Modern'' browsers (IE8+, use CSS-style selectors)document.querySelector(''.content .value'').innerHTML = ''World!'';// Using the jQuery library$(".content .value").html("World!");

然后，HTML / DOM现在将包含：

<div>Hello <spanvalue''>World!</span></div>

完整的例子。点击“运行摘要”进行尝试。

// Plain Javascript Examplevar $jsName = document.querySelector(''.name'');var $jsValue = document.querySelector(''.jsValue'');$jsName.addEventListener(''input'', function(event){  $jsValue.innerHTML = $jsName.value;}, false);// JQuery examplevar $jqName = $(''.name'');var $jqValue = $(''.jqValue'');$jqName.on(''input'', function(event){  $jqValue.html($jqName.val());});html {  font-family: sans-serif;  font-size: 16px;}h1 {  margin: 1em 0 0.25em 0;}input[type=text] {  padding: 0.5em;}.jsValue, .jqValue {  color: red;}<!DOCTYPE html><html><head><script src="https://code.jquery.com/jquery-1.11.3.js"></script>  <meta charset="utf-8">  <meta name="viewport" content="width=device-width">  <title>Setting HTML content example</title></head><body>  <!-- This <input> field is where I''m getting the name from -->  <label>Enter your name: <inputtype="text" value="World"/></label>  <!-- Plain Javascript Example -->  <h1>Plain Javascript Example</h1>Hello <span>World</span>  <!-- jQuery Example -->  <h1>jQuery Example</h1>Hello <span>World</span></body></html>

document.open() 与 document.write()的区别_javascript技巧

document.open() 与 document.write()的区别_javascript技巧

document.open()  打开一个新的空白文档，在IE下，open有两个默认参数，相当于document.open("text/html",''"")，第二个参数只有一个值可选：replace，如果启用了该值，则新建的文档会覆盖当前页面的文档（相当于清空了原文档里的所有元素，且不能后退即，浏览器的后退按钮不可用）；
看一个例子：

<script> <BR><!-- <BR>function test(){ <BR> document.open("text/html","replace"); <BR> document.writeln(Math.random()); <BR> document.write("<input type=''button'' value=''back（第二个按钮）'' onclick=''history.back()''>") <BR> document.close(); <BR> document.open("text/html",""); <BR> document.writeln(Math.random()); <BR> document.write("<input type=''button'' value=''back（第三个按钮）'' onclick=''history.back()''>") <BR> document.close(); <BR> document.open("text/html",""); <BR> document.writeln(Math.random()); <BR> document.write("<input type=''button'' value=''back（第四个按钮）'' onclick=''history.back()''>") <BR> document.close(); <BR>} <BR>//--> <BR></script>


平常都不写document.open() 与 document.close()，因为浏览器会在write之前先open一个文档，再把write的内容输出到原文档里面。write结束后，默认是不会有close的，否则第二行document.write的时候就会覆盖之前的write。

document.write的几点使用心得_javascript技巧

document.write的几点使用心得_javascript技巧

一直用document.write()方法向浏览器中显示数据用，把它当做Alert()使用， 看来这样用有些大材小用了，下面说说它的主要用处。

document.write()方法可以用在两个方面：

         1.页面载入过程中，用脚本加入新的页面内容。

         2.用延时脚本创建本窗口或新窗口的内容。

该方法需要一个字符串参数，它是写到窗口或框架中的HTML内容。这些字符串参数可以是变量或值为字符串的表达式，写入的内容常常包括HTML标记语言。如下面代码，教务系统框架载入子页

复制代码 代码如下:


                   
     
       
 
            //加载效果图标 
            loading 
       
 
         
   

复制代码 代码如下:

//输出框架 
    Index.OutputIframe = function () { 
        var scrolling = $.isIE6 == true ? ''yes'' : ''auto''; 
        document.write(''''); 
    };

在载入页面后，浏览器输出流自动关闭。在此之后，任何一个对当前页面进行操作的document.write()方法将打开—个新的输出流，它将清除当前页面内容(包括源文档的任何变量或值)。因此，假如希望用脚本生成的HTML替换当前页面，就必须把HTML内容连接起来赋给一个变量，使用一个document.write()方法完成写操作。

关于document.write()方法还有一点要说明的是它的相关方法document.close()。脚本向窗口(不管是本窗口或其他窗口)写完内容后，必须关闭输出流。在延时脚本的最后一个document.write()方法后面，必须确保含有document.close()方法，不这样做就不能显示图像和表单。并且，任何后面调用的document.write()方法只会把内容追加到页面后，而不会清除现有内容来写入新值。

为了演示document.write()方法，我们提供了同一个应用程序的两个版本。一个向包含脚本的文档中写内容，另—个向—个单独的窗口写内容。

示例1创建一个按钮，它为文档组合新的HTML内容，包括新文档标题的HTML标记和标记的颜色属性。

示例中有一个读者所不熟悉的操作符+＝，它把其右侧的字符串加到其左侧的变量中，这个变量用来存放字符串，这个操作符能很方便地把几个单独的语句组合成—个长字符串。使用组合在newContent变量中的内容document.write()语句可以把所有新内容写到文档中，完全清除示例1中的内容。

然后需要调用document.close()语句关闭输出流。当载入该文档并单击按钮时，可以注意到浏览器标题栏中的文档标题因此而改变。当回到原始文档并再次单击该按钮时，可以看到动态写入的第二个页面的载入速度甚至比重载原始文档还要快。

示例1 在当前窗口使用document.write()。

复制代码 代码如下:

Writing to Same Doc 

HTML – Netflix如何在没有页面刷新的情况下提交评级,而且没有JavaScript？

HTML – Netflix如何在没有页面刷新的情况下提交评级,而且没有JavaScript？

我正在尝试为我的网站做Netflix的5星评级系统,我注意到即使禁用了 JavaScript,Netflix仍会在没有页面刷新的情况下提交评级.这很明显,因为当您手动重新加载页面时,您可以看到新的评级.但是,在重新加载页面之前,更改不可见.

以下是Netflix上的链接示例：

<a href="http://movies.netflix.com/Setrating?value=5&pval=4.8&widgetid=M70186045_496624_2_36&authURL=1272123378738.TS7qzDVHSE6abcEeRPuqldimKYc%3C&section=QUEUE"tabindex="0" title='Click to rate the movie "loved It"'>Rate 5 stars</a>

谁知道Netflix如何做到这一点？

提示：如果您查看来源并进行搜索,您将无法在任何地方找到“iframe”.
此外,它在JavaScript OFF时表现出这种行为.否则它将更新数据而不需要手动刷新.所以也没有AJAX.亲自检查一下,我相信很多人都拥有Netflix帐户.

解决方法

经过一番研究,我找到了我想要的答案.您可以通过从发送请求的页面发送HTTP响应204状态代码来执行此操作.例如,假设您将其发送到PHP脚本,请使用以下命令启动页面： 

header("HTTP/1.0 204 No Response");

如上所述：http://php.net/manual/en/function.header.php#32569

If you haven’t used,HTTP Response 204 can be very convenient. 204 tells the server to immediately terminate this request. This is helpful if you want a javascript (or similar) client-side function to execute a server-side function without refreshing or changing the current webpage. Great for updating database,setting global variables,etc.

@H_301_35@

这就是我现在在脚本中使用的内容.

javascript - 如何在html页面中修改所有外部链接形式？

javascript - 如何在html页面中修改所有外部链接形式？

例如，我有：http://A.com/a/index.html，该页面里有很多不同网站的外链（如b.com、c.com、d.com等)。
现在我想，用php、JS或其他方法实现，点击外链接“b.com”，新窗口打开的地址是“http://a.com/b/index.php?b.com”的效果。
谢谢，因不太懂代码，希望大大们赐教，如何统一替换所有的外链形式？

回复内容：

例如，我有：http://A.com/a/index.html，该页面里有很多不同网站的外链（如b.com、c.com、d.com等)。
现在我想，用php、JS或其他方法实现，点击外链接“b.com”，新窗口打开的地址是“http://a.com/b/index.php?b.com”的效果。
谢谢，因不太懂代码，希望大大们赐教，如何统一替换所有的外链形式？

捕捉 click 事件，然后在事件处理函数里修改 href。

$(document).on(''click'', ''a:not([data-bypass])'', function(e) {
    var $target = $(e.target),
        href = $target.attr(''href''),
        prefix = ''http://a.com/b/index.php?'';

    if (/^http:\/\//.test(href)) {
        $target.attr(''href'', prefix + href);
    }

    // 把检查过的 <a> 标记一下，以后就不会再次做检查
    $target.attr(''data-bypass'', ''bypass'');
});
</a>
登录后复制

这种思路跟直接遍历 修改 href 的思路比较，好处是绝无死角且效率高，对于后面再加入的 也依然有效。而且对于需要特殊处理的 ，只需要在标签里面先写上 data-bypass 属性就行，很方便。

jquery 获取全部 A 标签，然后批量替换 href 的值为 http:// 开头的

$("a[href*=''http://'']").each(function() {
  $(this).attr(''href'',''http://www.fsdeveloper.net''+''/''+$(this).attr(''href''));
});
登录后复制

类似这种写法，

关于如何在没有document.write的情况下在HTML页面中显示JavaScript变量和html没有doctype的介绍现已完结，谢谢您的耐心阅读，如果想了解更多关于document.open() 与 document.write()的区别_javascript技巧、document.write的几点使用心得_javascript技巧、HTML – Netflix如何在没有页面刷新的情况下提交评级,而且没有JavaScript？、javascript - 如何在html页面中修改所有外部链接形式？的相关知识，请在本站寻找。

本文标签：

上一篇ImageIO.read返回NULL，没有错误（image.open()返回值）

下一篇使用Python读取UTF8 CSV文件（python用utf-8直接读取txt文件编码）

相关文章