小编fre*_*old的帖子

如何加载外部 HTML 文件

我有一些 HTML 如下:

Select a file : <input type="file"><br><br>
Html Codes : <textarea id="displayHtml"></textarea><br><br>
<div id="displayPage">Display the Html Page here</div>
Run Code Online (Sandbox Code Playgroud)

现在我如何从本地硬盘浏览外部 HTML 文件并在 div 中显示页面预览#displayPage并将文件的 HTML 标签放入文本区域#displayHtml?我不知道该怎么做,所以请帮忙。

我的小提琴在这里:https ://jsfiddle.net/zm6ga2ev/1/

html javascript

6
推荐指数
1
解决办法
2万
查看次数

如何使用data-href打开新选项卡

我正在制作一个可点击的表格行,但一旦点击我想打开一个新标签.我尝试使用data-target但是没有用.

<tr class="table-row" data-href="mypage.php" data-target="_blank"></tr>

<script type="text/javascript">
    $(document).ready(function ($) {
        $(".table-row").click(function () {
            window.document.location = $(this).data("href");
        });
    });
</script>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

6
推荐指数
1
解决办法
3988
查看次数

JavaScript由指数编号替换()正则表达式

我有以下字符串和正则表达式:

var string = "Dear [to name], [your name] has decided to share this [link]"; 
var patt = /\[+[A-Za-z0-9]+\]/;
Run Code Online (Sandbox Code Playgroud)

我希望能够使用动态输入更改每个括号中的变量.我如何使用match()replace()定位此正则表达式的第1,第2和第3次出现?

编辑:目前,如果我这样做的东西document.write(body.match(patt));只匹配最后一个[链接]

编辑:整个字符串取自文本框的值.每个括号的值都取自其他文本输入,需要在将文本放回文本框之前插入到字符串中.

javascript regex replace

5
推荐指数
1
解决办法
4986
查看次数

在JavaScript中删除事件侦听器

我向元素添加一个事件监听器:

/* sitepoint.com/javascript-this-event-handlers */
function AttachEvent(element, type, handler){
    if (element.addEventListener){
        element.addEventListener(type, handler, false);
    }else{
        element.attachEvent("on"+type, handler);
    }
}

window.addEventListener("load", function() {
    var els = getElementsByClassName('name', 'img');
    var elsnum = els.length;
    if(elsnum) //found
    {
        var i = 0;
        for(i=0; i < elsnum; i++)
        {
            var the_els = els[i];
            AttachEvent(the_els, "click", myfunction); 
        }
    }
}, false);
Run Code Online (Sandbox Code Playgroud)

稍后myfunction,我想再次删除处理程序,以防止重复点击:

function myfunction(e) {
    e = e || window.event;
    var target = e.target || e.srcElement;  

    //more code
    //...

    //remove click handler
    target.removeEventListener('click', e, false); …
Run Code Online (Sandbox Code Playgroud)

javascript event-listener listener

5
推荐指数
2
解决办法
3万
查看次数

HTML 图像 src 区分大小写

我有大写的图像文件夹名称。但是src是小写的,所以这不是加载图像。

我无法将所有图像文件夹都设为小写,因此我想更改我的代码以采用不区分大小写的路径。

我有一个这样的链接:

<a href="http://www.google.com">
  <img id="productMainImage" src="images/Tulips.jpg" alt="image" escapeXml="false" class="product_main_image"/>
</a>
Run Code Online (Sandbox Code Playgroud)

我想让图像 src 不区分大小写;这意味着我希望我的代码即使src ="IMAGES/Tulips.jpg".

如何解决这个问题?

html case-sensitive

5
推荐指数
1
解决办法
7258
查看次数

如何在VBA中初始化IXMLDOMNode?

当我在Excel VBA宏中使用以下代码时:

Dim xmlKnoten As New IXMLDOMNode
Run Code Online (Sandbox Code Playgroud)

我总是会出错。我如何正确启动它?

一个的启动DOMDocument工作:

Dim xmlDoc As Object
Set xmlDoc = CreateObject("Msxml2.DOMDocument")
Run Code Online (Sandbox Code Playgroud)

感谢您的帮助。

xml vba ixmldomnode

5
推荐指数
1
解决办法
3358
查看次数

表格中的粗动态边框会导致 Chrome 中的视觉故障?

我有一个简单的动态边框,它在 IE 和 Firefox 中似乎可以正常工作,但在 Chrome 中,它有时似乎会出现奇怪的双粗边框。我看不出 CSS 有什么不同,我似乎无法弄清楚究竟是什么导致了该特定边框加倍厚,但我设法创建了一个 CodePen 来演示该问题。知道这是 Chrome 的问题还是我的 CSS 有问题?

在笔中,如果您按照说明进行操作,那么您应该得到一个顶部带有双粗边框的单元格,如下所示:

弄乱了边界

代码笔

    angular.module("myApp", []);
(function() {
  "use strict";

  angular.module("myApp").controller("demoController", demoController);
  demoController.$inject = ["$scope"];
  function demoController($scope) {
    $scope.model = {selected: []};
    $scope.select = function(id) {
      $scope.model.selected[id] = !$scope.model.selected[id];
    };
  }
})();
Run Code Online (Sandbox Code Playgroud)
  tr.border-selected > td:not(:first-child) {
  border-top-color: #4182c2;
  border-top-width: thick;
  border-bottom-color: #4182c2;
  border-bottom-width: thick;
}
tr.border-selected > td:nth-child(2) {
  border-left-color: #4182c2;
  border-left-width: thick;
}
tr.border-selected > td:last-child {
  border-right-color: #4182c2;
  border-right-width: thick;
}

th { …
Run Code Online (Sandbox Code Playgroud)

css google-chrome

5
推荐指数
1
解决办法
902
查看次数

使用.filter比较两个数组并返回不匹配的值

我在比较两个数组的元素并过滤掉匹配值时遇到了一些问题.我只想返回未包含在其中的数组元素wordsToRemove.

var fullWordList = ['1','2','3','4','5'];
var wordsToRemove = ['1','2','3'];

var filteredKeywords = fullWordList.forEach(function(fullWordListValue) {
    wordsToRemove.filter(function(wordsToRemoveValue) {
        return fullWordListValue !== wordsToRemoveValue
    })
});

console.log(filteredKeywords);
Run Code Online (Sandbox Code Playgroud)

javascript

5
推荐指数
1
解决办法
1万
查看次数

ansible传输文件安全吗?

我正在使用Ansible 2.2从我的笔记本电脑管理一些云服务器.我想将OpenSSL私钥传输到其中一个服务器上的特定位置,以供nginx用于TLS终止.当然,这是一个应保密的文件,因此我使用Ansible Vault对其进行了加密.但Vault仅保护控制计算机上的磁盘文件.将数据从控制机器传输到受管节点时,它不起作用.

我想确保监控网络流量的人在传输过程中不会泄露私钥.我没有具体提到我正在寻找的内容,我可以在模块文档中copy看到.据我所知,我与被管节点的所有通信都是通过SSH完成的.这是一个安全的假设吗?它是否包含文件传输?

encryption file-transfer ansible ansible-vault

5
推荐指数
1
解决办法
402
查看次数

window.getSelection().toString() 在 Firefox 中不起作用(在 Chrome 中起作用)

当我在 Chrome 中突出显示数字时<input type="number">window.getSelection().toString()成功地给出了突出显示的文本。

但在 Firefox 中却并非如此。它总是空白的。有谁知道为什么?这确实令人困惑,因为MDN getSelection 文档指出它应该在 Firefox 57 中工作。

javascript firefox mozilla

5
推荐指数
1
解决办法
1689
查看次数