`
darkkid00
  • 浏览: 1267 次
  • 性别: Icon_minigender_1
  • 来自: 成都
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

safari对自定义标签和自定义标签属性的处理

阅读更多
通过document.getElementById()或ByName取得的dom元素,在safari下不能得到其自定义属性值
如:
<select id="l" extraInfo="default" onchange="c()">
<option value="1" e="he">hi</option>
<option value="2" e="hee">hii</option>
<option value="3" e="heee">hiii</option>
<option value="4" e="heeee">hiiii</option>
</select>

脚本:  function c(){ 
              alert("first select");
if(window.openDatabase){
alert("*****safari*****");
}else{
  alert("*****IE*****");
}
alert($("#l").attr("extraInfo"));
alert($("#l option:selected").attr("e"));
var ss=document.getElementById("l").extraInfo;
alert("doc****"+ss);
}
这种情况用JQuery能解决
分享到:
评论

相关推荐

    HTML:自定义标签属性

    ### HTML:自定义标签属性详解 #### 一、引言 HTML 作为 Web 开发的基础语言之一,提供了丰富的标签及属性来构建网页内容。在实际应用中,有时我们需要为 HTML 元素添加额外的信息或功能,这就需要用到自定义属性...

    JQUERY插件之自定义滚动条DEMO

    自定义滚动条可能会对页面性能产生一定影响,因此优化JavaScript代码和滚动事件的处理至关重要。此外,保持滚动条的响应性和流畅性,让用户能够轻松地滚动页面,也是设计自定义滚动条时必须关注的要点。 总结来说,...

    自定义支付密码框

    - 如果应用支持Safari的自动填充功能,需要适配`passwordRules`属性以符合自定义规则。 10. **适配不同设备** - 确保自定义密码框在不同尺寸的屏幕(iPhone、iPad)和横竖屏模式下都能正确显示。 综上所述,创建...

    自己动手改造TabControl--从山寨Safari开始(源码+demo)

    在改造TabControl时,我们需要用到GDI+来绘制自定义的标签样式,包括圆角、阴影和高光效果,这些都是Safari标签栏的标志性特征。学习GDI+的基础知识,如画刷、画笔、路径和图形变换,是实现这一目标的关键。 2. **...

    Safari 浏览器扩展开发指南

    API包含一系列类和属性,如Application对象和Extension对象,以及用于与网页内容互动的事件机制,如命令、消息传递和代理。例如,可以使用消息传递来实现扩展与网页之间的通信。 创建Safari扩展的过程涉及多个步骤...

    自定义滚动条美化jQuery插件.zip

    然而,需要注意的是,这些CSS规则仅适用于基于WebKit的浏览器(如Chrome和Safari),对于Firefox、Edge等其他浏览器,我们需要使用它们各自的私有属性,或者借助JavaScript来实现跨浏览器兼容。 JavaScript是网页...

    带进度条的播放器(样式可以自定义)

    - 创建播放器的基础结构通常会包含几个核心元素:`&lt;audio&gt;` 或 `&lt;video&gt;` 标签用于嵌入音频或视频内容,以及用于控制播放的按钮和进度条的自定义元素。例如,你可以使用`&lt;button&gt;`标签为播放/暂停功能创建按钮,用`...

    Safari网页设计指导

    - **自定义表单样式:** 利用CSS对表单元素进行自定义样式设计,提高表单的美观度和易用性。 #### 六、操作事件 - **处理多触点事件:** Safari支持多触点事件处理,这意味着开发者可以利用这些功能为用户提供更...

    源代码:网站制作自定义tabbar.rar

    在多种浏览器(如Chrome、Firefox、Safari、Edge等)和设备上进行测试,确保自定义Tabbar在不同环境下正常工作。 7. **代码优化**: - **模块化**:使用模块化技术(如ES6模块或CommonJS)组织代码,提高可维护性...

    自定义导航页,你的酷炫收藏夹

    最后,为了确保兼容性和性能,你需要进行跨浏览器测试,确保自定义导航页在不同的浏览器(如Chrome、Firefox、Safari等)和设备(桌面、移动)上都能正常工作。使用开发工具(如Chrome DevTools)可以帮助调试和优化...

    vue自定义tap指令及tap事件的实现

    在本文中,我们将探讨如何在Vue.js框架内自定义一个tap指令以及tap事件的实现方法。...通过对touch事件的监听和处理,我们可以有效缓解移动端浏览器中点击事件的延迟问题,从而提升应用的性能和用户满意度。

    PageExtender.app:Safari扩展程序,可基于页面主机注入自定义CSS和JS文件

    通过自定义 CSS 和 JS,用户可以改变网页的布局、颜色、交互行为等,实现对网页内容的个性化定制。 在技术层面,PageExtender 应用的核心在于它的扩展机制。在 Safari 中,扩展通常由一系列组件构成,包括一个或多...

    禁止iPhone Safari video标签视频自动全屏的办法

    总结起来,尽管开发者社区提出了许多尝试和建议,但在当前的技术环境下,无法完全禁止iPhone Safari浏览器中的`&lt;video&gt;`标签视频自动全屏播放。如果你需要在网页上实现非全屏视频播放,可能需要考虑其他设计策略或者...

    Cross-browser_Custom_HTML_Select_Tag_Arrow:实现自定义箭头HTML Select标签的解决方案

    这是一种将图标作为字体字符处理的技术,允许开发者通过CSS调整图标的大小、颜色和阴影等属性。在本项目中,Iconfont可能被用来替代SVG,为那些不支持SVG的老旧浏览器提供一种兼容性解决方案。通过创建一个包含...

    自定义文本框输入qq表情

    例如,可以使用`width`和`height`属性调整文本框的尺寸,`border`属性定义边框样式。 3. **表情图库**: - QQ表情通常是一系列预设的图像资源,这些资源需要被加载到应用中。可以将表情图片存储在一个本地目录或者...

    select标签multiple属性的使用方法.zip

    `&lt;select&gt;`标签的`multiple`属性在所有主流浏览器(包括Chrome、Firefox、Safari、Edge和IE9+)中都是支持的。然而,对于较旧的浏览器,如IE8及以下版本,可能需要使用polyfill或其他方法来确保兼容性。 总的来说,...

    jquery标签左右滚动内容

    9. **可扩展性**:设计时应考虑到未来的扩展,比如添加新的标签页或自定义滚动速度的功能,保持代码的模块化和灵活性。 10. **兼容性测试**:最后,确保这个功能在主流浏览器上都能正常工作,包括Chrome、Firefox、...

    自己收藏的精美 tag 标签样式

    /* 对Safari和Chrome支持 */ filter: hue-rotate(90deg); /* 对其他现代浏览器支持 */ } ``` 这段代码将使背景图片的颜色偏向于红色。你可以根据需要调整`hue-rotate`的角度来改变颜色。 "sliding tags"可能是指...

Global site tag (gtag.js) - Google Analytics