GVKun编程网logo

仅对特定的html元素启用刷新

29

对于想了解仅对特定的html元素启用刷新的读者，本文将提供新的信息，并且为您提供关于100％宽度的HTML元素问题、angularjs表达式中的HTML内容，如何不转义，直接表现为html元素、c#–

对于想了解仅对特定的html元素启用刷新的读者，本文将提供新的信息，并且为您提供关于100％宽度的HTML元素问题、angularjs表达式中的HTML内容，如何不转义，直接表现为html元素、c# – 如何使用htmlagilitypack获取2个周围html元素之间的html？、css html元素居中与html元素内容居中的区别的有价值信息。

本文目录一览：

仅对特定的html元素启用刷新

仅对特定的html元素启用刷新

我想知道如何只能刷新网站中的特定元素，而不刷新整个网页吗？我正在谈论的元素是Flash应用程序，加载速度非常慢，并且可能会遇到连接超时。我想让用户仅刷新该元素/
falsh应用程序。我怎么做？下面，我有一个Ajax函数，该函数可以更新HTML元素，但不确定如何将其应用于我的情况。

<head>    <script type="text/javascript">        function loadXMLDoc() {            var xmlhttp;            if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari                xmlhttp = new XMLHttpRequest();            } else { // code for IE6, IE5                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");            }            xmlhttp.onreadystatechange = function () {                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {                    document.getElementById("myDiv").innerHTML = xmlhttp.responseText;                }            }            xmlhttp.open("GET", "ajax_info.txt", true);            xmlhttp.send();        }    </script></head><body>    <div id="myDiv">        <h2>Let AJAX change this text</h2>    </div>    <button type="button" onclick="loadXMLDoc()">Change Content</button></body>

答案1

小编典典

试试这个：

function reload(){    var container = document.getElementById("yourDiv");    var content = container.innerHTML;    container.innerHTML= content;   //this line is to watch the result in console , you can remove it later    console.log("Refreshed");}<a href="javascript: reload()">Click to Reload</a>    <div id="yourDiv">The content that you want to refresh/reload</div>

希望它能工作。让我知道

100％宽度的HTML元素问题

100％宽度的HTML元素问题

分配一些HTML元素(如表单输入)100％宽度时 – 您不能再应用任何可能影响宽度的其他样式.边框或填充等内容会导致元素超过100％.这导致可能在其父元素之外的笨拙元素.

由于CSS不支持宽度：100％ – 2px;我知道的唯一方法是使用绝对像素宽度(宽度：98px)或将元素切掉100％,这实际上不是一个选项.

301_9@

他们还有其他方法吗？

最佳答案
与adding another div一起,解决方案很快就会使用CSS 3将box-sizing attribute添加到CSS规则中.这个新的CSS 3值已经可以在IE 8和所有其他浏览器中使用 – 所以如果你不介意跳过IE 6& 7你现在可以使用它！

textarea {
        -webkit-Box-sizing: border-Box; /* Safari/Chrome,other WebKit */
        -moz-Box-sizing: border-Box;    /* Firefox,other Gecko */
        Box-sizing: border-Box;         /* Opera/IE 8+ */
}
@H_301_9@

angularjs表达式中的HTML内容，如何不转义，直接表现为html元素

angularjs表达式中的HTML内容，如何不转义，直接表现为html元素

默认情况下，AngularJS对会对插值指令求职表达式（模型）中的任何HTML标记都进行转义，例如以下模型：
$scope.msg = “hello,<b>world</b>!”
<p>{{msg}}</p>
渲染过程会对b标签进行转义，他们会议纯文本显示而非标记;
插值指令会对模型中任意html内容进行转义，这是为了防止html注入攻击。
如果因为某种理由，包含html标记的模型要被浏览器求职和渲染，那么可以用ng-bind-html-unsafe指令来关掉默认的html标签转义:
<p ng-bind-html-unsafe=”msg”></p>;

使用ng-bind-html-unsafe指令需要极度小心，它应被限制在你完全信任并控制的html标签。

angularjs还有一个指令，ng-bind-html，它能够选择性净化制定html标签，同时允许其他标签被浏览器所解释，用法如下:

方法一：
1.导入angular-sanitize.js
2.在你app中报刊需要依赖的模块，如下：

var app = angular.module('myApp',['ngSanitize']);

3.<p ng-bind-html=”msg”></p>;

方法二：
1. 导入angular-sanitize.js
2. 将其作为一个过滤器： 

angular.module('myApp')
    .filter('to_trusted',['$sce',function($sce){
        return function(text) {
            return $sce.trustAsHtml(text);
        };
    }]);

3.<p ng-bind-html=”msg | to_trusted”></p>;

c# – 如何使用htmlagilitypack获取2个周围html元素之间的html？

c# – 如何使用htmlagilitypack获取2个周围html元素之间的html？

我需要使用带有C#的htmlagilitypack来检索包含在其他2个html元素中的html元素.

举个例子,我有以下几点：

<div id="div1"https://www.jb51.cc/tag/Finitio/" target="_blank">Finition here">
  <strong>
    <font face="Verdana" size="2">Your search request retrieved 0 matches.</font>
  </strong>
  <font face="Verdana" size="2">Some more text here.</font>
  <br><br>
  <!--more html here-->
</div>

我想把它们之间的一切都归还

<div id="div1">

和第一个

<br>

没有返回这些元素.

我无法理解为此所需的语法,所以如果有人能够向我解释在忽略结束标记的同时获得其他两个已知开始标记之间存在的html的最佳方法,我会非常感激.

我还要提一下,我需要首先在完整网页的周围html中找到div为id的div.

我不需要实际节点与来自特定HtmlDocument的节点具有引用相等性,它们只需要在内容方面相同.

解决方法

返回HtmlNode实例时,对同一节点的多次调用将生成相同的引用.你可以利用这个优势(尽管它是一个实现细节,所以要小心).

基本上,您将获得所有元素的后代,直到相关节点为止.您选择要从以下位置开始的节点：

HtmlNode divNode = doc.DocumentNode.SelectSingleNode("div[@id='div1']");

要升级的节点：

// Note that in this case,working off the first node is not necessary,just
// convenient for this example.
HtmlNode brNode = divNode.SelectSingleNode("br");

然后使用Enumerable class上的TakeWhile extension method将所有元素提取到第二个元素,如下所示：

// The nodes.
IEnumerable<HtmlNode> nodes = divNode.Descendants().
    TakeWhile(n => n != brNode).
    Where(n => n.NodeType == HtmlNodeType.Element);

这是TakeWhile方法(n => n！= brNode)中的比较,它取决于参考比较(这是实现细节部分).

最后一个过滤器只为您提供元素节点,因为这是您调用SelectSingleNode时通常会得到的;如果要处理其他节点类型,可以省略它.

循环遍历这些节点,如下所示：

foreach (HtmlNode node in nodes)
{
    // Print.
    Console.WriteLine("Node: {0}",node.Name);
}

生产：

Node: strong
Node: font
Node: font

css html元素居中与html元素内容居中的区别

css html元素居中与html元素内容居中的区别

div盒子居中

div居中是对框架盒子本身设置。让网页主体水平居中于浏览器中，就需设置margin:0 auto实现布局居中。

 

CSS 内容居中

和DIV盒子居中有着同样居中字眼的内容居中，则是对盒子里内容（文字、图片等内容）实现水平居中。使用text-align:center即可实现HTML元素里的内容居中。不管是对div标签、h1标签、h2标签、p标签等html元素标签设置都能让其对于盒子里内容水平居中。

立即学习“前端免费学习笔记（深入）”；

 

实例：

 
 
 
<title>css html元素居中与html元素内容居中的区别</title><div>码农教程</div><!--这里是DIV盒子相对于父级居中，盒子里面的内容并没有居中-->
<div>码农教程</div><!--这样是div盒子里面的内容相对于盒子本身居中-->
登录后复制

在线测试

 

小结：

  • html元素居中：对框架设置水平居中（比如对DIV本身设置DIV水平居中于浏览器中）。
  • html内容居中：对盒子里的内容设置水平居中（比如DIV内放到图片、文字等内容）

今天关于仅对特定的html元素启用刷新的讲解已经结束，谢谢您的阅读，如果想了解更多关于100％宽度的HTML元素问题、angularjs表达式中的HTML内容，如何不转义，直接表现为html元素、c# – 如何使用htmlagilitypack获取2个周围html元素之间的html？、css html元素居中与html元素内容居中的区别的相关知识，请在本站搜索。

本文标签：

上一篇如何解决错误“ SCRIPT7002：XMLHttpRequest：网络错误0x80070005，访问被拒绝。” 在IE中

下一篇用AJAX加载html后，为什么jQuery更改功能不起作用？（ajax加载html页面）

相关文章