`
zhouyrt
  • 浏览: 1173711 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

webkit中使用js给html元素style设置filter属性,再获取filter时为undefined

    博客分类:
  • BUG
阅读更多

以下为重现该bug的代码,

 

<!DOCTYPE HTML>
<HTML>
 <HEAD>
 </HEAD>
 <BODY>

  <div id="a">HELLO</div>

  <script>
	var obj = document.getElementById('a');
	obj.style.filter = "Alpha(opacity='20')";
	alert(typeof obj.style.filter);
  </script>

 </BODY>
</HTML>

 

 

IE6/7/8/Firefox/Opera都弹出了string,

Safari/Chrome弹出的这是undefined

 

 

改成非filter,自定义的属性如aa,则不会重现,如

 

  <script>
	var obj = document.getElementById('a');
	obj.style.aa= "Alpha(opacity='20')";
	alert(typeof obj.style.aa);
  </script>

 

 

 

分享到:
评论
9 楼 zhouyrt 2010-08-09  
blacart 写道
WebKit 中 Element.style.filter 是不可探知的(undetectable),你无法为其设置属性值,并且 typeof 返回的类型永远为 undefined

不可探知的(undetectable)。学习了,谢谢您!
8 楼 blacart 2010-08-08  
WebKit 中 Element.style.filter 是不可探知的(undetectable),你无法为其设置属性值,并且 typeof 返回的类型永远为 undefined
7 楼 davepkxxx 2010-06-23  
IE678和FF支持就好了
6 楼 satanest 2010-06-22  
这个算bug?滤镜本来就是ie only的吧
5 楼 lzpzmkm 2010-06-22  
CrystalBear 写道
zhouyrt 写道
sohighthesky 写道
什么意思?webkit支持filter么?

不支持。只是记录下工作中发现的bug。

 

哈哈还没搞过
4 楼 CrystalBear 2010-06-22  
zhouyrt 写道
sohighthesky 写道
什么意思?webkit支持filter么?

不支持。只是记录下工作中发现的bug。

 
3 楼 4769946 2010-06-22  
为什么我在FF下看不到效果啊
2 楼 zhouyrt 2010-06-22  
sohighthesky 写道
什么意思?webkit支持filter么?

不支持。只是记录下工作中发现的bug。
1 楼 sohighthesky 2010-06-22  
什么意思?webkit支持filter么?

相关推荐

    Qt Webkit解析html

    可以使用`QWebFrame`的`evaluateJavaScript()`方法执行JavaScript代码,从而获取或修改HTML元素: ```cpp QString script = "document.getElementById('elementId').innerHTML;"; QString result = frame-&gt;...

    VB webkit内核 利用控件操作网页内元素

    例如,`LoadUrl()` 方法用于加载指定的网页URL,`Document` 属性则可以访问到网页的DOM文档对象模型,这让我们能够获取或修改网页中的HTML元素。通过DOM,我们可以使用XPath或CSS选择器定位特定元素,然后调用元素的...

    Webkit内核的浏览器默认CSS属性

    - `&lt;center&gt;`:显示为块级元素,并通过 `text-align: -webkit-center` 属性使其内容居中显示。 - **标题元素**: - `&lt;h1&gt;` 至 `&lt;h6&gt;`:分别定义了不同级别的标题,它们都显示为块级元素,并具有不同的字体大小和...

    html5 css3设置filter图片滤镜代码

    需要注意的是,`filter`属性在部分旧版浏览器中可能不被支持,因此在使用时应考虑兼容性问题。可以使用`-webkit-`、`-moz-`等前缀来增加对早期Webkit(如Safari、Chrome)和Firefox的支持,或者借助CSS渐进增强策略...

    CSS style filter

    其中,“CSS Style Filter”是一种能够应用于HTML元素上的图像处理效果,它允许开发者通过简单的CSS属性来实现对页面中的图像、背景等进行各种视觉特效的调整,例如模糊、阴影、颜色变换等。 #### 1. 概述 “CSS ...

    C#在WinForm中使用WebKit传递js对象实现与网页交互的方法

    这个控件允许我们在WinForm中嵌入一个浏览器,通过`ObjectForScripting`属性,我们可以将C#的对象暴露给JavaScript,使得JavaScript能够调用C#中的方法。例如,定义一个`myClass`类并用`[ComVisibleAttribute]`标记...

    webkit实例代码,实现JS和C++、HTML相互操作

    在Qt 5.5中,`QWebView`和`QWebPage`被用来与WebKit引擎交互,展示网页内容和执行JavaScript。然而,从Qt 5.6开始,这些类已被弃用,取而代之的是`QWebEngineView`和`QWebEnginePage`,它们使用了更现代的Chromium...

    webkit JS引擎深入分析

    ### WebKit JavaScript引擎深入分析 #### 一、概述 **WebKit**是一款开源的浏览器引擎,由Apple公司在2005年发起,旨在提供一个高效、跨平台的网页浏览体验。WebKit不仅仅是一个渲染引擎,它还包含了一系列核心...

    C# webkit为内核的浏览器打开网页源码(值得下载)

    6. **额外功能**:WebKit.NET还提供了其他高级功能,如JavaScript交互、网页元素操作、网络请求拦截等。这使得我们可以根据需求定制浏览器功能,比如添加书签、历史记录、下载管理等。 7. **性能优化**:在实际应用...

    基于Webkit的Web开发

    例如,`-webkit-border-radius`属性可以创建圆角效果,`-webkit-box-sizing`定义了元素的内容区域如何计算尺寸,可设置为`border-box`(包含边框和内边距)或`content-box`(仅包含内容)。`-webkit-box-shadow`则...

    Android WebKit HTML主资源加载过程

    这部分内容将在后续关于 WebKit 中 JavaScript 执行机制的文章中详细介绍。 #### C++ 层处理 在 Java 层调用了 `nativeLoadUrl()` 后,接下来的处理流程将进入 C++ 层。 ```cpp // WebCoreFrameBridge.cpp static ...

    css3弹性布局-webkit-box的用法演示

    设置为`reverse`时,子元素则反向排列。 `-webkit-box-orient`属性定义了主轴的方向,可以是`horizontal`(水平)或`vertical`(垂直)。它与`-webkit-box-direction`配合使用,共同决定子元素的排列方式。 三、`-...

    css3-webkit-transform+JS模拟播放进度

    在本话题中,我们主要关注的是`-webkit-transform`属性和JavaScript如何结合,来模拟音频播放进度。这个技术常用于创建交互式的用户界面,提升用户体验。 1. CSS3 `-webkit-transform` 属性: `-webkit-transform`...

    webkit跟js交互

    在Android开发中,WebKit是一个非常重要的组件,它是Google为Android平台定制的一个开源Web浏览器引擎,主要用于渲染网页内容。WebKit提供了与JavaScript交互的能力,使得Android应用能够利用JavaScript的强大功能,...

    Qt编写echart仪表盘JS交互程序支持webkit和webengine(开源)

    在本文中,我们将深入探讨如何使用Qt框架来创建一个基于ECharts的仪表盘,并实现JavaScript与C++的交互,同时兼容WebKit和WebEngine渲染引擎。ECharts是一个由百度开发的开源图表库,提供了丰富的可视化图表类型,如...

    .NET webkit为内核的浏览器打开网页源码

    在.NET环境中,我们可以借助第三方库,如Awesomium或CEFSharp,这些库基于WebKit或Chromium,为.NET开发者提供了封装好的WebKit内核,以便在.NET应用中嵌入Web浏览功能。 标题提到的".NET webkit为内核的浏览器打开...

    qt中使用WEBKIT浏览网页的完整代码

    QT WebKit 是一个基于 WebKit 引擎的模块,它为 QT 应用程序提供了浏览网页的功能。WebKit 是苹果公司开发的一个开源项目,用于 Safari 和 Chrome 等浏览器,能够高效地渲染 HTML、CSS、JavaScript 等网页内容。QT ...

    javascript获取非行间样式的方法

    最后,关于`obj.currentStyle[attr]`中的`[attr]`,这是JavaScript访问对象属性的一种方式,当属性名是一个变量时,必须使用这种方括号表示法。与之相比,`obj.currentStyle.[attr]`是错误的语法,JavaScript不支持...

    使用CSS3滤镜的filter:blur属性制作毛玻璃模糊效果的方法

    今天在使用icloud的时候看到苹果icloud官网的毛玻璃效果非常赞,仔细研究了一下它的实现方式,是使用js配合background-image: -webkit-canvas的形式绘制出的毛玻璃背景图片。不过今天又仔细研究了一下css3中的blur...

    利用Qt中的WebKit与网页中的javascript进行交互

    利用Qt中的WebKit与网页中的javascript进行交互; Demo中实现用javascript代码调用Qt中的函数,用Qt中的代码调用javascript中的函数; 测试网页:myjstest.html

Global site tag (gtag.js) - Google Analytics