小编Kat*_*ieK的帖子

使用JavaScript(appendChild)将新元素添加到DOM中

我有时需要向现有的HTML页面添加元素(例如新的链接和图像),但我只能访问远离我需要插入元素的页面的一小部分.我想使用基于DOM的JavaScript技术,我必须避免使用document.write().

到目前为止,我一直在使用这样的东西:

//  Create new image element
var newImg = document.createElement("img");
  newImg.src = "images/button.jpg";
  newImg.height = "50";
  newImg.width = "150";
  newImg.alt = "Click Me";
//  Create new link element
var newLink = document.createElement("a");
  newLink.href = "/dir/signup.html";
//  Append new image into new link
newLink.appendChild(newImg);
//  Append new link (with image) into its destination on the page
document.getElementById("newLinkDestination").appendChild(newLink);
Run Code Online (Sandbox Code Playgroud)

有没有更有效的方法可以用来完成同样的事情?这一切似乎都是必要的,但我想知道是否有更好的方法可以做到这一点.

javascript dom

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

正则表达式匹配style ="whatever:0; morestuff:1; otherstuff:3"

我试图匹配任何东西,包括style=""
例如:style="whatever:0; morestuff:1; otherstuff:3"

regex

8
推荐指数
2
解决办法
8449
查看次数

Javascript - 关闭选项卡

是否可以通过 JavaScript 关闭选项卡?

例如,我已将用户从电子邮件重定向到我的页面,然后我需要打开弹出窗口并关闭已将用户重定向到的选项卡。

是否window.close()仅适用于使用 JavaScript 创建的窗口?或者是否可以修改选项卡,使其成为弹出窗口?

javascript

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

编写一个简单的JMeter脚本

我需要编写一个执行以下操作的脚本(与哪个网站无关,我只是这样做才能学习和练习):

  1. 模拟HTTP请求(方法:get)
  2. 从文档中读取参数并在脚本中使用它们
  3. 保存请求响应中的表达式,并将其用作下一个请求中的参数
  4. 将输出保存到文件

在阅读文档并观看一些视频教程几个小时之后,我可以轻松地管理第1步.我对如何进行第2步和第4步有一点了解,尽管我可能不会有效地执行它们.不幸的是,我不知道如何做第3步.

有人可以帮我做这些步骤,或者至少给我一些很好的链接,可以帮助我解决教程(我发现官方手册太混乱了)?

以下是我用来学习这个工具的一些链接:对于步骤1步骤2,他们帮助了一点,但欢迎更多的指导.

performance automation load http jmeter

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

如何在多个背景图像声明中仅覆盖第二个图像?

如何利用级联仅覆盖多个背景图像声明中的第二个图像?

我已经为lis 指定了一个标准样式,有两个背景图像(小猫和右侧的鱼).我还指定了一种样式li.secondary,我只想更改两个背景图像中的第二个:

li { 
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAA/ElEQVR42q2WYQ3DIBSE5wAJk1AJSKiESpiESakEJCChEpAwCW/vJSw0LPQoHMn3A0q5R7leeIjIFNo2JSm+Zz5DSAy6oLan8lKiIjV5fGu8u+TnrkfIKftpUQGks3Au8qNE6yOx1Sb/xPJYyH3EURW4QsHGZ5NB3K0dDpDwDvEZysAZvvP4znVpwTVcmrAgLsLX/yXhP+xfrOyuza00sbFZ7p5TAGlyYMF/J4axNClOvKKVJnEmTa6gpgkSM0Ca8HdITxOiSwuzLjVoAUAUxIWQBXESMQTpSWQd4r0GuxiJsZPII0F6EnUZg5hES7dZWEkExPj3GiDCv9d8AVEGli2R88rKAAAAAElFTkSuQmCC) repeat-y 90% center,
  #CCC url("http://placekitten.com/275/300") repeat right center;
  margin: 1em;
  padding: 1em;
  color: #FFF;
  font-weight: bold;
 }

li.secondary {
  background: #CCC url("http://placekitten.com/325/300") repeat left 10%;
}
Run Code Online (Sandbox Code Playgroud)

JSFiddle:http://jsfiddle.net/KatieK/9zcnp/1/

但新的声明background:吹出了第一张背景图片(鱼).如何仅在级联规则中处理第二个背景图像?

css background-image css3

8
推荐指数
1
解决办法
2249
查看次数

哪种输出样式删除多行注释?

在SCSS文件中,哪种输出样式(嵌套,扩展,压缩或压缩)将从/* I'm a comment. */最终的CSS中删除多行()注释?

comments sass

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

如何在asp.net中回发完成后滚动到页面底部?

如何在asp.net中回发完成后滚动到页面底部?

当我在主要详细信息中单击"显示详细信息"时,页面中有很多详细信息,此页面在我的页面中显示了许多数据.那么如何自动滚动到页面底部?

javascript asp.net

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

如何使用jQuery prettyPhoto显示视频,并在点击的灯箱中打开?

我正在尝试使用prettyPhoto for jQuery将视频添加到我的网站.

我确实在我的头脑中添加了jQuery源代码和prettyPhoto js位置,并在我的body标签结束之前,我还添加了初始化代码(如文档中所述).

   <script type="text/javascript" charset="utf-8">
      $(document).ready(function(){
        $("a[rel^='prettyPhoto']").prettyPhoto();
      });
    </script>
Run Code Online (Sandbox Code Playgroud)

在我的HTML中,这就是我写的内容,因为我想要显示视频,但当有人点击它时,视频应该打开为灯箱.

<div id="video_player">
<a href="#" rel="prettyPhoto">
<iframe width="640" height="350" src="http://www.youtube.com/embed/cH6kxtzovew"  frameborder="0" allowfullscreen></iframe>
</a>
</div>
Run Code Online (Sandbox Code Playgroud)

但它不起作用.我该如何实现这一目标?

jquery lightbox prettyphoto

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

在Oracle SQL中使用未知名称空间解析XML

我在使用Oracle SQL和XML时遇到了麻烦.

我将从外部系统获取大量格式良好的XML数据,以解析,解释和填充一些表.我使用XMLTable编写了一个解决方案,它在表格的视图中列出了有问题的xml clob列和一些审计信息和内容(我想保持这种方式).

NAMESPACES给我做恶梦.显然我不能把它们放在xmlnamespaces子句中,因为我永远不会知道它们会是什么.荒谬!交付的相同类型的项目可能在不同的时间点具有不同的名称空间.没有有限的清单.甚至默认的xmlns都不是常量.

到目前为止,我提出的最佳工作解决方案是一组regexp_replace(确切地说是3),在解析之前擦除所有命名空间.但表现是一个巨大的问题.

当然有一些我想念的聪明人?

sql oracle parsing namespaces xmltype

7
推荐指数
1
解决办法
4045
查看次数

是否可以制作不是典型的直角三角形的CSS三角形/箭头并应用渐变?

我知道要在CSS中创建一个基本箭头,我可以这样做:

<div class="arrow-button">
    <span class="arrow-tip-container">
         <span class="arrow-tip"></span>
    </span>
</div>
Run Code Online (Sandbox Code Playgroud)

然后我要做的就是旋转并定位容器,然后填充箭头和BAM!那里;一个甜蜜的箭头:http://jsfiddle.net/uF69S/

但是,我想要一个箭头,其中尖端实际上是120°角,那么使用CSS变换或两个不同的容器可以实现这种效果吗?也许歪斜和旋转?

我想创建这个箭头:

------------\
|            \
|            /
------------/
Run Code Online (Sandbox Code Playgroud)

请注意,箭头不是 90°.

注意: 我知道边框三角形可用于制作任何三角形角度,但它们支持Firefox,Opera或IE中的渐变,而Firefox,Opera和IE可以支持变换(以某种方式).

css css3 css-transforms

7
推荐指数
1
解决办法
7770
查看次数