小编Web*_*ner的帖子

从 javascript(Internet Explorer 和 Edge)更改后如何重绘 SVG

有谁知道如何在更改其内容后强制 IE 和 Edge 显示/刷新嵌入的 SVG(请参阅下面的代码)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Title</title>
        <script type="text/javascript">     
            function onClick() {           
                document.getElementById('svg').innerHTML = '<circle r="50" cx="50" cy="50" fill="red" />';
            }
        </script>
    </head>
    <body>  
        <button type="button" onclick="onClick()" >Display red circle</button>
        <svg id="svg"/>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

javascript explorer svg microsoft-edge

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

让用户定义innerHTML的漏洞

假设我有一个<textarea>和<div>元素,当用户将html,CSS或其他任何东西放入textarea时,那么他们的输入被设置为<div>元素的innerHTML,使用javascript .

让用户定义<div>元素的内容有哪些漏洞?

html javascript innerhtml

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

w3c验证器给出'文档类型不允许元素'输入"here ..."错误

使用w3c的验证器验证我的页面时出现此错误. 使用w3c的验证器验证我的页面时出现此错误.

资源:

<form action="form.php" method="post">
<input type="text"/>
</form>
Run Code Online (Sandbox Code Playgroud)

有人能告诉我为什么我可能会遇到这个错误吗?提前致谢!

html forms validation xhtml html-validation

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

设置样式:悬停javascript

据我所知,由于浏览器兼容性,以下方法非常适合设置CSS样式.

element.style.cssText = "color:red;";
Run Code Online (Sandbox Code Playgroud)

我不能做的是使用cssText对应用样式:hover:focusCSS事件.
我该怎么做而不是这个?

element.style.cssText = ":focus{color:red;}";
Run Code Online (Sandbox Code Playgroud)

PS不要提及使用javascript事件,onmouseover而不是CSS :hover(它不适合我的情况.)

javascript css dom stylesheet

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

是否需要khtml前缀?

我是否应该-khtml-忘记将css属性中的前缀省略为border-radiusbox-shadow

Konqueror用户的百分比是多少?

css browser cross-browser

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

如果我的浏览器窗口小于div的内容,当我向右滚动时,100%宽度的div会被切断

我在自己的网站上遇到了一个<div>应该有100%宽度的问题.它的代码如下所示.

#myDiv {
    width: 100%;
    height: 160px;
    background: #f48;
}
Run Code Online (Sandbox Code Playgroud)

除以下问题外,这项工作很有用:

当我的浏览器窗口小于其<div>内容时,我向右滚动,然后我<div>将向左移动页面的其余部分,而不是占用页面可滚动区域宽度的100%.

这个问题一直困扰着我几个小时,就在最近我意识到许多其他网站都有同样的问题.包括Facebook.com和Stackoverflow.com,只需看看我的快照如下.

Facebook的错误:

Facebook的100%宽度错误

Stackoverflow的错误:

Stackoverflow的100%宽度错误

html css scroll width

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

Laravel登录不在边缘和Internet Explorer中工作

使用Laravel 5登录无法使用Edge和Internet Explorer,而在其他浏览器中工作得非常好.

我们怀疑它与没有正确存储的会话有关,但说实话,我们不知道导致这个问题的原因.

当我们使用适当的详细信息登录时,登录逻辑被激活并正确完成,但之后它刚刚重定向回登录页面,因此中间件可能认为用户未登录并将其返回到登录页面,这就是我们认为与会议有关的原因.

这是我们的登录脚本:

    $rules = array('email' => 'required|email|min:3|max:60',
                   'password' => 'required|min:6|max:20');

    $attributeNames = array(
       'email' => strtolower(Lang::get('auth.email')),
       'password' => strtolower(Lang::get('auth.password')),     
    );

    $validator = Validator::make(Input::all(), $rules);
    $validator->setAttributeNames($attributeNames);

    if ($validator->fails()){ return Redirect::back()->withErrors($validator); die(); } 

    //Make an login attempt
    $auth = Auth::attempt(array(
        'email' => Input::get('email'),
        'password' => Input::get('password'),
        'role' => 'admin'
    ), false);

    if(!$auth){ 

        $auth2 = Auth::attempt(array(
            'email' => Input::get('email'),
            'password' => Input::get('password'),
            'role' => 'user'
        ), false);

        if(!$auth2){ 

            return Redirect::back()->withErrors(Lang::get('auth.errorText'))->withInput(Input::all());
            die();
        }

    }

    //If user is not activated
    if(Auth::User()->activated …
Run Code Online (Sandbox Code Playgroud)

php internet-explorer login laravel-5 microsoft-edge

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

CSS动画,从结尾开始并重复的省略号

我有一个非常简单的动画设置,以显示加载三个点.我从周围得到了一堆,并选择了最简单的一个.我遇到的问题是它从0开始就像它被告知的那样.我需要它从头开始.

CSS:

.loading {
  font-size: 30px;
}

.loading:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;   
  /* animation: ellipsis-dot steps(40, start) 9000ms infinite; */
  animation: ellipsis-dot 1s infinite;
  animation-fill-mode: fowards;
  content: "\2026"; /* ascii code for the ellipsis character */
  width: 0em;
}

@keyframes ellipsis {
  to {    width: 1.25em;  }
}
Run Code Online (Sandbox Code Playgroud)

这是一个小提琴.

我将这些显示在一张桌子上,其中有100张一起显示.这一切都从完全空洞开始.我需要它们从3个点开始.然后转到0然后立即执行它正在做的事情.

注意:持续时间9000实际上是900.在我操作小提琴后,它会减慢以强调动画的开始.

html css animation ellipsis

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

覆盖可点击区域 - CSS

有没有办法可以使用XHTML和CSS覆盖可点击区域的部分透明图像(或任何真正的图像)?

html css

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

JavaScript符号类型:(非字符串对象键)

什么是ECMAScript 6草案规范中提到的"符号"javascript类型?

引用规范:

Symbol类型是可用作Object属性的键的所有非String值的集合.

每个可能的Symbol值都是唯一且不可变的.

符号值具有一个名为[[Private]]的可观察属性,其不可变值为true或false.私有符号是符号值,其[[Private]]属性的值为true.

我认为对象键只是字符串,我并不孤单.引用这个被接受的答案:

...对象键总是字符串......

你能解释一下符号类型是什么,并展示它的用法.我正试图理解规范.

谢谢!

javascript string key object ecmascript-6

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