为了账号安全,请及时绑定邮箱和手机立即绑定
  • 为动态添加的多个元素绑定事件时,用$(document).delegate("li", "click", function(){});
    查看全部
  • 很好
    查看全部
  • 防止IE进入怪异模式: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    查看全部
  • js和jq事件代理
    查看全部
  • <mate content="IE=edge" http-equiv="X-UA-Compatible">
    查看全部
  • 为多个元素且由javascript动态生成的元素添加事件时使用事件代理。
    查看全部
  • 所谓同源策略
    查看全部
  • className.indexOf('trigger-hover')<0 indexOf判断字符串中是否包含给定的子字符串,返回索引值,不包含则返回-1;
    查看全部
  • 视频的有问题,改进如下: 1,既然两个li标签正常只显示一个,所以没必要给两个设置不同的样式,直接把两个li的class都设置成seclected;然后在css中通过hover来实现样式的凸显 .search-list li:hover{ background: #ccc; } js中代码改进为: //给search-list添加鼠标移入时间 addEvent('search-list','mouseenter',function(){ getDOM('tab_2').style.display='block'; getDOM('tab_1').style.display='block'; if(this.className.indexOf('trigger-hover')<0){ this.className+=" trigger-hover"; } }); //给search-list添加鼠标移除事件 addEvent('search-list','mouseleave',function(){ this.className="search-list"; }); //tab1添加点击事件 addEvent('tab_1','click',function(){ this.style.display='block'; getDOM('tab_2').style.display='none'; }); //tab2添加点击事件 addEvent('tab_2','click',function(){ this.style.display='block'; getDOM('tab_1').style.display='none'; });
    查看全部
  • 2、在标签中使用字符集图片对应的字符,设置该标签的样式 <li class="icon">ő</li> .icon{ font-family:iconfont(上面自定义的名称) } 这样就可以显示出我们需要的效果了
    查看全部
  • 字符集做搜索图标 @font-face { font-family: iconfont; // 自定义名字 src: url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.eot); //资源位置 // 不同浏览器,兼容性问题 src:url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.eot?#iefix) format("embedded-opentype"),url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.woff) format("woff"),url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.ttf) format("truetype"), url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.svg#uxiconfont) format("svg") }写在样式表里<style></style> @font-face { font-family: iconfont; // 自定义名字 src: url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.eot); //资源位置 // 不同浏览器,兼容性问题 src:url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.eot?#iefix) format("embedded-opentype"),url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.woff) format("woff"),url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.ttf) format("truetype"), url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.svg#uxiconfont) format("svg") }
    查看全部
  • 如果想让元素宽度为自适应,需要把width设为100% 去掉输入框的默认边框使用:border:0 none; background-position:水平 垂直,设置背景图像的起始位置, overflow属性规定当内容溢出元素框时发生的事情,有以下值: visible 默认值。内容不会被修剪,会呈现在元素框之外。 hidden 内容会被修剪,并且其余内容是不可见的。 scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 inherit 规定应该从父元素继承 overflow 属性的值。
    查看全部
  • body字符集设置
    查看全部
  • 手动设置字符值 <meta http-equiv="Content-Type" content="text/html"; charset=utf-8"/> 保证中文能够正常
    查看全部
  • 使用fiddler可以实现,该软件就相当于1个代理,可以对用户的请求和服务器的响应进行修改。我们知道如果我们请求一个服务器上不存在的文件一般是跳转到一个404页面,但是利用该工具就可以实现修改服务器响应的结果,呈现给用户一个自定义的文件——我们只需要拦截服务器的响应并替换成我们自己的页面即可。 由于Fiddler是基于代理的工作原理,所以打开Fiddler后IE的代理就被修改成了127.0.0.1:8888,可以直接使用,其他浏览器Chrome或者是Firefox可能需要更改网络代理,以Firefox为例。找到设置-->高级-->网络-->代理配置即可,如下图: http://img1.sycdn.imooc.com//5595d9b10001d3b609560618.jpg 接下来我们请求一个地址http://api.bing.com/bing_search.html,由于bing_search.html在服务器压根不存在所以会报出404错误,在Fiddler中我们捕获到了这个响应: http://img1.sycdn.imooc.com//5595db6100010da107080123.jpg 接下来我们将此response替换成我们的本地页面,就实现了将我们自己的文件放在某个域: http://img1.sycdn.imooc.com//5595dc9c0001c34313660687.jpg 刷新浏览器,就可以发现我们请求的页面不再是404错误了。 http://img1.sycdn.imooc.com//5595dd000001805205950366.jpg 由于我是将样式和js单独写在另一个文件中,所以还是有404错误,接下来按照同样的方法替换成我们本地的资源: http://img1.sycdn.imooc.com//5595de5200011d0206550258.jpg 再次刷新页面,发现网页加载成功: http://img1.sycdn.imooc.com//5595de910001282608360431.jpg 控制台没有任何报错信息,至此完成了将某个页面放在特定的域解决了js的跨域请求。 参考资料:http://kb.cnblogs.com/page/130367/
    查看全部

举报

0/150
提交
取消
课程须知
具有HTML、CSS样式、Javascript、jQuery基础知识
老师告诉你能学到什么?
可以利用HTML、CSS样式制作出搜索框效果,并使用Javascript及jQuery代码实现Ajax技术分别实现搜索引擎的制作。 1. 定位元素 2. 输入框、按钮美化 3. 修复IE兼容性问题 4.使用Javascript代码实现Ajax技术 5.使用 jQuery代码实现Ajax技术 6.同源原理

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!