behavior:expression((this.hideFocus=true) && (this.behavior='none'));

优化表达式与清除虚线框
最新推荐文章于 2019-08-21 20:09:51 发布
最新推荐文章于 2019-08-21 20:09:51 发布
阅读量784 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： CSS 文章标签： behavior css ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Do_it__/article/details/5959331
本文介绍了一种优化表达式的写法，能够有效避免重复运算，提高代码效率。同时，文中还提供了非IE浏览器下清除元素虚线焦点框的CSS技巧。

这种写法可以避免expression多次运行，确实不错，学习了。

然后多加上一个非IE下的清除虚线框的css就是：

{ outline: none; }

盲人站长深恶痛绝的onfocus=”this.blur()”
09-22
<a href="#" hidefocus="true">链接 ``` 同时，为了保证在所有浏览器中的兼容性和无障碍访问，可以采用条件注释或者检测浏览器类型的方式，为IE添加额外的样式处理，例如使用expression表达式。然而，expression的...
outline:none || hidefocus="true" || onfocus="this.blur();"
和上帝躲猫猫
02-13 1332
hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于： onFocus="this.blur()" 它的值是一个布尔值，如hideFocus=true。也可省略赋值直接写hideFocus。 你给的代码如果没有hideFocus,那么鼠标点击该超链接，则外面出现一个虚线框，即为聚焦。而使用了hideFocus则不会有虚线框。在IE下，需要在标签 a 的结构中加入 hidefocus
hideFocus(小技巧)
weixin_30925411的博客
12-26 226
hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于： onFocus="this.blur()" 它的值是一个布尔值，如hideFocus=true。也可省略赋值直接写hideFocus。 你给的代码如果没有hideFocus,那么鼠标点击该超链接，则外面出现一个虚线框，即为聚焦。而使用了hideFocus则不会有虚线框。 在IE下，需要在标签 a 的结构中加入 h...
css中hideFocus的用法
weixin_33859665的博客
09-26 278
css中hideFocus的用法简单说：hideFocus是对超链接外虚线框的设定！ hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于： onFocus="this.blur()" 它的值是一个布尔值，如hideFocus=true。也可省略赋值直接写hideFocus。 你给的代码如果没有hideFocus,那么鼠标点击该超链接，则外面出现一个虚线框，即为聚焦。而使用了...
CSS中expression使用简介
icescape
05-07 1470
　　IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式，CSS属性的值等于Javas cript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个
去除按钮、链接边框黑线小结
fyqcdbdx的专栏
01-11 1549
也不算什么结吧，被人家总结得很全了，转一下，那个黑框确实很破坏页面美感，除之而后快！ 前段时间在论坛上看到有关去除”链接/按钮”虚线框的讨论, 在这里把自己所知的方法记录一下, 并作出了对比. 方法一: IE 下使用expression(this.hideFocus=true), firefox下使用outline: none; (除了FF下对按钮不生效, 其它均有效) 代码: …
blr:expression(this.onFocus=this.blur())
iBenxiaohai123的博客
07-21 3020
blr没有特殊意思，expression 条件，这句话的意思是链接 a 在获得焦点的同时失去焦点。如果你用的是图片链接什么的，他不会显示周边的虚线。 楼下的朋友，有三点需要重申一下 1.按下鼠标图片周边不会出现虚线，这个适合所有的浏览器 2.提问题的朋友使用的是css的写法，楼下的朋友是加入了script,还有更简单的写法，直接写在链接里链接标题   是一个输入框，用户输入
onFocus="this.blur()"，
热门推荐
04-17 2万+
是一个输入框，用户输入文本的框就是类似于百度的搜索框，大小是20，value=""说明初始为空  onfocuse="this.blur()"  onfocuse是聚焦的意思，当你把光标放在文本框上输入的时候，就是聚焦，但这里添加了"this.blur()"，blur的作用就是去除聚焦，也就是你不能把光标放在这个文本框上，换句话说就是你不能输入文本了  ----------  整个代码构成
解决点击链接时网页出现虚线框方法
iteye_18400的博客
05-28 861
在IE下，需要在标签 a 的结构中加入 hidefocus="true" 属性。即： &lt;a href="http://www.yanzhaoit.com" hidefocus="true" title="做有用网站，找燕赵互联"&gt;燕赵互联&lt;/a&gt; input{blr:expression(this.hideFocus=this.blur()); }   a:visi
import requests import re import time headers = {'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36'} def sousuo(company,page): url = 'https://news.so.com/ns?q='+ company + '&pn='+str(page)+'&rank=pdate&j=0&nso=20&tp=38&nc=0&src=page' res = requests.get(url, headers=headers, timeout=10).text p_source = '<cite class="sitename">(.*?)</cite>' source = re.findall(p_source, res, re.S) #print(source) p_date = '<span class="g-linkinfo-txt g-c-gray time">(.*?)</span>' date = re.findall(p_date, res, re.S) #print(date) p_title = '<div class="g-txt-inner g-ellipsis">(.*?)</div>' title = re.findall(p_title, res, re.S) # print(title) p_href = '<a hidefocus="true" href="(.*?)" target="_blank" rel="noopener" title=".*?">' href = re.findall(p_href, res) #print(href) for i in range(len(title)): title[i] = re.sub('<.*?>', '', title[i]) title[i] = re.sub('"', '"', title[i]) title[i] = re.sub(r'\s+', '', title[i]) print(str(i+1) + '.' + title[i] + '-' + date[i] + '-' + source[i]) print(href[i]) while True: companys = ['华为', '小米'] for company in companys: for i in range(2): # 这里一共爬取了2页 sousuo(company,i+1) print( '\n' + '“' + company + '”相关的新闻' + '第' + str(i+1) + '页' + '爬取成功') print('——————————————————————————————————————' + '\n'+ '\n') time.sleep(10) time.sleep(10) break 根据以上代码，简化并编程
最新发布
09-07
href = re.findall(r'<a hidefocus="true" href="(.*?)" target="_blank" rel="noopener" title=".*?>', res) # 清洗标题并输出 for i in range(len(title)): clean_title = re.sub(r'<.*?>|"|\s+', '', ...
/Users/chenshiyu/PyCharmMiscProject/.venv/bin/python /Users/chenshiyu/PyCharmMiscProject/test.py <!DOCTYPE html> <!--STATUS OK--><html> <head><meta http-equiv=content-type content=text/html;charset=utf-8><meta http-equiv=X-UA-Compatible content=IE=Edge><meta content=always name=referrer><link rel=stylesheet type=text/css href=https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/bdorz/baidu.min.css><title>百度一下，你就知道</title></head> <body link=#0000cc> <div id=wrapper> <div id=head> <div class=head_wrapper> <div class=s_form> <div class=s_form_wrapper> <div id=lg> <img hidefocus=true src=//www.baidu.com/img/bd_logo1.png width=270 height=129> </div> <form id=form name=f action=//www.baidu.com/s class=fm> <input type=hidden name=bdorz_come value=1> <input type=hidden name=ie value=utf-8> <input type=hidden name=f value=8> <input type=hidden name=rsv_bp value=1> <input type=hidden name=rsv_idx value=1> <input type=hidden name=tn value=baidu><span class="bg s_ipt_wr"><input id=kw name=wd class=s_ipt value maxlength=255 autocomplete=off autofocus=autofocus></span><span class="bg s_btn_wr"><input type=submit id=su value=百度一下 class="bg s_btn" autofocus></span> </form> </div> </div> <div id=u1> <a href=http://news.baidu.com name=tj_trnews class=mnav>新闻</a> <a href=https://www.hao123.com name=tj_trhao123 class=mnav>hao123</a> <a href=http://map.baidu.com name=tj_trmap class=mnav>地图</a> <a href=http://v.baidu.com name=tj_trvideo class=mnav>视频</a> <a href=http://tieba.baidu.com name=tj_trtieba class=mnav>贴吧</a> <noscript> <a href=http://www.baidu.com/bdorz/login.gif?login&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2f%3fbdorz_come%3d1 name=tj_login class=lb>登录</a> </noscript> <script>document.write('<a href="http://www.baidu.com/bdorz/login.gif?login&tpl=mn&u='+ encodeURIComponent(window.location.href+ (window.location.search === "" ? "?" : "&")+ "bdorz_come=1")+ '" name="tj_login" class="lb">登录</a>'); </script> <a href=//www.baidu.com/more/ name=tj_briicon class=bri style="display: block;">更多产品</a> </div> </div> </div> <div id=ftCon> <div id=ftConw> <p id=lh> <a href=http://home.baidu.com>关于百度</a> <a href=http://ir.baidu.com>About Baidu</a> </p> <p id=cp>©2017 Baidu <a href=http://www.baidu.com/duty/>使用百度前必读</a>  <a href=http://jianyi.baidu.com/ class=cp-feedback>意见反馈</a> äº¬ICP证030173号  <img src=//www.baidu.com/img/gs.gif> </p> </div> </div> </div> </body> </html> 进程已结束，退出代码为 0
05-14
app.run(debug=True) ``` 访问`http://localhost:5000/report`可查看动态生成的HTML页面[^4]。 ### 四、注意事项 1. **路径问题**：确保文件操作使用绝对路径，特别是Web环境中的CGI调用[^3] 2. **内容转义**：...
去除a链接周围的虚线框(IE、FF)
weixin_30421525的博客
08-21 113
去除a链接周围的虚线框(IE、FF) <style> a{ outline:none; /*FF*/ hide-focus:expression(this....
chrome下input[type=text]的placeholder不垂直居中的问题解决
09-19 4204
但是在chrome下显示的search word并不能垂直居中。 后来找了很久终于在stackoverflow上找到了对应的方法。 参考：http://stackoverflow.com/questions/4919680/html5-placeholder-css-pa
CSS实现遮盖层
11-16 2592
大部分遮盖层都是通过JS去获取高度和宽度来定位的，而现在采用的大部分是CSS去做，除了一个为了兼容IE6所必要的js。 大致原理就是：让遮盖层的height和width达到100%来去实现，IE6下需要将body的height设为100%才有效。 具体的代码如下： CSS 实现遮盖层 /* the style for layer or mask */ body{_heig
在CSS遮盖层基础上进行弹出层垂直居中
11-17 1675
本篇是继上篇《CSS实现遮盖层》而来。在上一次的基础上加上了弹出层的垂直居中。 需要：1. 弹出层固定高，或者通过js去计算出来的高。 具体实现： 1. 在弹出层处加一层类似遮盖层的包裹；2.设定宽度，这个是必须的。3. 对弹出层使用：margin-left & margin-right: auto; (水平居中)； 4. 对弹出层使用: top: 50%; margin-top: -heig
Chrome and Safari下overflow相关问题
10-12 1543
<br />今天修复一个bug：购物车确认页面在chrome和Safari下出现滚动条的bugfix<br />看了一下代码里面有这么一段话：<br />html{<br />overflow-y: scroll;<br />}<br />但是仅仅设置这句话，overflow-x默认值就应该是visible呀！<br />试了一下加上overflow-x: visible; 依旧有滚动条，这样就排除了不是默认值的可能。<br />后来看了原来是scroll的问题，因为当使用scroll时chrome和Saf
使用simsun来替代css里的宋体写法
08-05 1353
CSS里有一个比较特别的属性：font。也不知道几时开始大家都使用这样一个定义：font-family: ‘宋体’; 但是这样定义后，我们有时就可能出现这样一种情况，我们定义了是宋体字体，但是显示的怎么是别的字体呢？这里说的别的字体主要是ie默认的serif。而样式加载到页面后，
IE9下，display:inline-block下的子标签position:absolute定位时作用在上面的margin属性失效。
10-21 1184
试试新功能如果你用的是IE9的话，你就可用看到下面的效果图：试试新功能 无论如何设置margin-right或者其他margin属性
经典背景自适应导航栏布局之我见
08-30 1075
一、前言 说起导航栏，几乎是每个网站必不可少的，也是极为重要的一部分。 开始介绍一下我所认为的一种比较好的自适应导航栏实现。 二、基本的HTML实现 html是一切网页的基础，也是最最重要的一部分，它决定了你怎么写CSS，JS。这里可以大概参考我之前写的一篇，论HTML的主要性。 首页 招聘职位
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值