利用JS使用POST方式提交请求的方法
js触发单击事件(不是调用某组件定义的单击函数,而是触发,相当于你点击)
Document 对象方法
close() //关闭用 document.open() 方法打开的输出流,并显示选定的数据。
getElementById() //返回对拥有指定 id 的第一个对象的引用。
getElementsByName() //返回带有指定名称的对象集合。
getElementsByTagName() //返回带有指定标签名的对象集合。
open() //打开一个流,以收集来自任何 document.w ...
HTML DOM Document 对象 对象集合与对象属性篇
Document 对象
每个载入浏览器的 HTML 文档都会成为 Document 对象。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。
Document 对象集合
Document 对象属性
Document 对象方法
Document 对象描述
HT ...
CSS 固定定位 position fixed
简单描述:固定定位是将某个元素固定在浏览器的某个确定的位置,不随滚动条的移动而变化;
注意:固定定位的位置是 相对当前浏览器窗口 的;
代码示例:
1.我们先在页面中输出一个标准情况下的 div 元素,不添加定位;
代码:
...
CSS 伪类 (Pseudo-classes)
CSS伪类是用来添加一些选择器的特殊效果。
由于状态的变化是非静态的,所以元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。
语法
伪类的语法:
CSS类也可以使用伪类:
anchor伪类
在支持 ...
CSS常用伪类和伪元素使用详解
伪类和为元素的写法
首先伪类是用单冒号表示:如:link, :visited, :hover, :active, :focus, :first-child, :last-child, :nth-child, :nth-last-child, :not()
然后伪元素用双冒号表示:如::first-letter, ::first-line, ::before, ::after
1.用于链接的几个伪类元素
:link 用这个可以设置未被访问的链接的 ...
AJAX - XMLHTTP.readyState的五种状态
0: (Uninitialized) the send( ) method has not yet been invoked. 1: (Loading) the send( ) method has been invoked, request in progress. 2: (Loaded) the send( ) method has completed, entire response received. 3: (Interactive) the response is being parsed. 4: (Completed) the response has been parsed, i ...
得到select所有option里的值
1://取得所有的option个数
document.getElementById('---').options.length
2://取得每个option的ID值
document.getElementById('---').options.value
3://取得每个option在页面显示的文本
document.getElementById('---').options.text
4://判断该option是否被选中
document.getElementById('---').options.selecte ...
CSS radio/checkbox单复选框元素显隐技术
一、概述
我们使用CSS一些特殊的选择器,然后配合单选框以及复选框自带的一些特性,可以实现元素的显示隐藏效果。然后通过一些简单的扩展,我们可以不使用任何JavaScript代码实现类似:自定义的单复选框,“更多”展开与收起效果,选项卡切换效果,或是多级下拉列表效果等等。
本文将通过列举几个简单示例对这一技术做简单 ...
H5 notification浏览器桌面通知
Notification是HTML5新增的API,用于向用户配置和显示桌面通知。上次在别的网站上看到别人的通知弹窗,好奇之余也想知道如何实现的。实际去查一下发现并不复杂,且可以说比较简单,故写篇博客分享给大家,希望能帮你们了解这个API。
npm包:
我还发了一个npm包:notification-Koro1,非常轻量简洁,觉得不错的话,点个Star吧 ...
JS跨域访问提示 No ‘Access-Control-Allow-Origin‘ header is present on
在JS使用 XMLHttpRequest 函数时出现报错信息:
(无论时远程还是本地不在一个域名下都会发生)
查了一翻资料,发现原来是新W3C标准中是这样规定的:
最新的W3C标准里是这么实现HTTP跨域请求的, Cross-Origin Resource Sharing
简单的来说,就是跨域的目标服务器要返回一系列的Headers,通过这些Headers来控制是否同意 ...
JS获取当前网址的方法
未完待续...
JS强转 数据类型转换
JS 数据类型转换 方法主要有三种
转换函数、强制类型转换、利用js变量弱类型转换。
1. 转换函数:
js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)。
在判断字符串是否是数 ...
JS截取元素CLASS
ie不支持getElementsByClassName,所以要自己实现获取类名为className的所有元素。
在程序里WebBrowser控件可以用下面的办法。
JS获取当前页面URL
在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。
下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=1
1、window.location.href(设置或获取整个 URL 为字符串)
var test = window.location.href;
alert(test);
返回:htt ...
JS结点操作
1. 增删改查
1.1 创建结点
1.2 设置文本内容
1.3 给设置好的标签增加属性并设置子标签
1)创建dom对象 document.getElementById('box');
2)创建标签对象; document.createElement('li')
3)标签对象插入文本内容:li1.innerText=‘内容’;
4)标签对象插入html,插入子标签: li1.innerHTML = '123';
5 ...
JS结点操作函数查询表
[/tr]
[/table]
JS 中如何判断 undefined 和 null
JS 中如何判断 undefined
JavaScript 中有两个特殊数据类型:undefined 和 null,下节介绍了 null 的判断,下面谈谈 undefined 的判断。以下是不正确的用法:var exp = undefined;
if (exp == undefined)
{
alert("undefined");
}
exp 为 null 时,也会得到与 undefined 相同的结果,虽然 null 和 undefined 不一样。注 ...
javascript时间戳和日期字符串相互转换
弹性盒 CSS3 Flex 布局教程: 技术实战
开篇废话
通过弹性盒的学习 , 你会看到,不管是什么布局,Flex往往都可以几行命令搞定。我只列出代码,详细的语法解释请查阅 弹性盒 CSS3 Flex 布局教程: 语法字典我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。
一大堆 CSS 美化复选框
由于懒惰所以粘贴了地址
http://www.jq22.com/yanshi271
有兴趣可以看一下 , 毕竟现在用集成框架的多;
单独做效果的情况很少了 , 即使有特立独行的 , 也是断卷残片不成体系;
如果有贴吧完整的表单美化体系 , 我愿意收藏搬运;
bootstrap-popover 中 data-content 内容怎么换行呢?
其实非常简单 :
加上 data-html="true",然后换行即可
layui 阿里巴巴图标库使用
1. 登录官方的图标库如阿里的矢量图标库http://iconfont.cn
通过添加到购物车,然后添加到项目,可以看到自己项目中用到的图标:
2. 点击下载至本地:
下载下的内容截图如下:
将文件拷贝到你所要写的项目中,如你想在你的页面中引入新下载下来的图标,你可以这样操作:
图标引入方式:
2.1. 通过Unicode 方式引 ...
js变量类型常用判断方法,js判断字符串,判断数值
微信小程序组件 contact-button(客服会话按钮)
微信小程序组件 contact-button(客服会话按钮)
contact-button[hr]客服会话按钮,用于在页面上显示一个客服会话按钮,用户点击该按钮后会进入客服会话。
type 有效值:
示例代码相关api:详见客服消息接口文档相关组件:button 组件通过设置 open-type="contact" 亦可进入客服会话
...
jQuery 核心 - noConflict() 方法[避免冲突的方法]
定义和用法noConflict() 方法让渡变量 $ 的 jQuery 控制权。
语法jQuery.noConflict([removeAll])
说明许多 JavaScript 库使用 $ 作为函数或变量名,jQuery 也一样。在 jQuery 中,$ 仅仅是 jQuery 的别名,因此即使不使用 $ 也能保证所有功能性。假如我们需要使用 jQuery 之外的另一 JavaScript 库,我们可以通过调用 $.no ...
CSS3伸缩盒子属性一览表
伸缩盒 Flexible Box
微信小程序页面的flex布局
微信小程序页面布局方式采用的是Flex布局。
Flex布局,是W3c在2009年提出的一种新的方案,可以简便,完整,响应式的实现各种页面布局。
Flex布局提供了元素在容器中的对齐,方向以及顺序,甚至他们可以是动态的或者不确定的大小的。
Flex布局的主要特征是能够调整其子元素在不同的屏幕大小中能够用最适合的方法填充合适的空 ...
JavaScript返回上一页的三种方法及区别介绍
HTML5用法: