Welcome 微信登录

首页 / 脚本样式 / JavaScript

借助script进行Http跨域请求:JSONP实现原理及代码

借助script进行Http跨域请求:JSONP实现原理及代码

<script>元素的src属性能设置URL并发起HTTP GET请求, 使用<script>元素实现脚本操作HTTP可以跨域通信而不受限与同源策略. 通常, 使用基于<script>的Ajax传输协议时, 服务器响应采用JSON编码的数据格式, 当执行脚本时候, JavaScript解析器能够自动将其解码. 由于它使用JSON数据格式, 因此这种Ajax传输协议也叫做"JSONP". 所以使用jsonp技术, 只需要设...
input输入框的自动匹配(原生代码)

input输入框的自动匹配(原生代码)

今天看群里有人发起了人人网以前一些面试题,我以前也转载过一些,恰好闲着,挑选一题来做做,练个手。 本题有以下要求: 1. 使用原生代码实现,不可使用任何框架; 2. 对 input框中输入的字符进行匹配,将匹配到的内容以菜单的形式展现在 input框的下方; 3. 只针对英文字符进行匹配,并且匹配到的内容在菜单中加粗; 4. 通过键盘上的上下箭头可以对菜单进行选择,按下回车后将选中的内容写入到 input框中; 思 路 捕捉输入变化,用用户输入的值(下称输...
关于scrollLeft,scrollTop的浏览器兼容性测试

关于scrollLeft,scrollTop的浏览器兼容性测试

今天在修改原群组弹窗的时候,发现弹窗在谷歌浏览器chrome下的位置跟在别的浏览器下不一样.逐一排查,肯定是在计算窗口位置的时候,少加了scrollTop这个值.在查看源代码的时候发现直接采用document.documentElement.scrollTop这个,但在chrome下这个值为0. 在有文档声明的情况下,也就是第一行有个dtd声明,标准浏览器认识document.documentElement.scrollTop,可chrome竟然不认识这斯...
getComputedStyle与currentStyle获取样式(style/class)

getComputedStyle与currentStyle获取样式(style/class)

大家都知道,用document.getElementById(‘element").style.xxx可以获取元素的样式信息,可是它获取的只是DOM元素style属性里的样式规则,对于通过class属性引用的外部样式表,就拿不到我们要的信息了。 DOM标准里有个全局方法getComputedStyle,可以获取到当前对象样式规则信息,如:getComputedStyle(obj,null).paddingLeft,就能获取到对象的左内边距。但是事情还没完,...
javascript中节点的最近的相关节点访问方法

javascript中节点的最近的相关节点访问方法

在javascript中对文档中每个节点都有 parentNode——父节点 firstChild——第一个子节点 lastChild——最后一个子节点 previousSibling——紧挨着的前面的兄弟节点 nextSibling——紧挨着的后面的兄弟节点 五个相关的节点,这些节点可以不存在,为null。例如document就不包含父节点,文本节点(TextNode)就不包含子节点。 这样就可以作短途旅行,访问当前节点的某些相关节点。 另外还有chil...
让图片旋转任意角度及JQuery插件使用介绍

让图片旋转任意角度及JQuery插件使用介绍

引入下方的jquery.rotate.js文件,然后通过$("选择器").rotate(角度);可以旋转任意角度, 例如$("#rotate-image").rotate(45);把这句放在$(document).ready(function(){ });中 就是将id为rotate-image的图片旋转45度。 不过,貌似在Chrome中总是不显示。 唉,找了两个小时,才发现Chrome太坑爹了,没法获取图片的长宽。 解决办法是,把$("#rotate-...
<< 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 >>