JavaScript/HTML5/CSS3
焚膏油以继晷,恒兀兀以穷年
这个作者很懒,什么都没留下…
展开
-
JavaScript 基础知识点
1、如何插入JS 标签要成对出现,并把JavaScript代码写在之间。 表示在之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。 2、引用JS外部文件 可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js转载 2016-03-31 18:52:07 · 215 阅读 · 0 评论 -
$.post实现同步的问题
因为$.post 和 $.get是默认的异步加载 $.ajaxSetup({ async : false }); 上述会实现同步 但会影响整个页面的异步加载,因为这是全局设置所以最安全保险的方法还是使用ajax可以通过async来设置自身这个调用的异步还是同步原创 2018-01-08 13:57:40 · 2385 阅读 · 0 评论 -
Json字符串及Json对象的转换
console.log()打印出来后若是这种格式的则是Json字符串;打印出来是可折叠展示并显示有object则是Json对象;Json字符串转对象:一: var obj = $.parseJson(str);二 :var obj = JSON.parse(str);Json对象转Json字符串:一: var str = $.parse.stringify(原创 2018-01-29 17:42:53 · 167 阅读 · 0 评论 -
页面下拉加载js
if($(document).scrollTop()+$(window).height()>$(document).height()){//自定义的加载函数}分析:$(document).scrollTop();指的是滚动条到顶部的高度; $(window).height();指的是浏览器页面可视的高度; $(document).height();指的是文档的...原创 2018-03-05 10:20:38 · 304 阅读 · 0 评论 -
jquery each中return false失败!
阻止each运行 在each外面定义了一个变量当 满足条件是设为true;然后后面判断并阻止运行 测试成功:代码运行成功! 上述是在each中写return false;失败时的方法如下 return false失效 ...原创 2018-07-28 18:36:50 · 1217 阅读 · 0 评论 -
阻止表单提交 event.preventDefault()
event.preventDefault()原创 2018-07-30 09:56:12 · 2134 阅读 · 1 评论 -
HTML5
用于取代HTML4.01和XHTML1.0标准的HTML。目标为创建更简单的web程序,书写更简洁的HTML代码。全新的互联网通用标准。仍处于完善之中,支持以下浏览器:国外:Firefox,IE9及以上,Chrome,Safari,Opera等。国内:傲游,360、搜狗、QQ、猎豹等。HTML5语法变化HTML的语法是在SGMAL语言的基础上建立的。SGMAL语法非常复杂,很多浏览器不包括...转载 2019-04-07 17:50:30 · 132 阅读 · 0 评论 -
登录页面代码【html】
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0"...原创 2016-08-13 14:38:57 · 4754 阅读 · 2 评论 -
canvas画布
function clean(){ var c=document.getElementById("myCanvas"); var cxt=c.getContext("2d"); cxt.clearRect(10,10,130,130); } function yuan(){ var c=document.g原创 2016-08-13 14:43:56 · 237 阅读 · 0 评论 -
html5元素拖动
div{ border: 1px solid gray; width: 200px; height: 200px; } var imgid; //将被拖动的元素放置到被释放的位置 functio转载 2016-08-13 14:47:40 · 307 阅读 · 0 评论 -
div叠加拖动 【drop】
#div1,#div2{ float:left; border: 1px solid gray; width: 300px; height: 380px; padding-left: 50px; padding-top: 30px;原创 2016-08-13 14:59:09 · 510 阅读 · 2 评论 -
渐变圆形及矩形
var can = document.getElementById("myc");var c = can.getContext("2d");c.moveTo(10,502);c.lineTo(900,502);c.stroke();//圆var grd=c.createLinearGradient(310,205,220,210);grd.addColorStop(0原创 2016-08-14 22:48:59 · 798 阅读 · 0 评论 -
JS实现表单多文件上传样式美化支持选中文件后删除相关项
一、文件上传基础1. 单文件上传最简单的文件上传,是单文件上传,form标签中加入enctype="multipart/form-data",form表单中有一个input[type="file"]项?12345<form name="form1"method="post"转载 2017-09-22 18:07:48 · 1336 阅读 · 1 评论 -
AJAX加FormDaTA实现文件上传[laravel框架下实现]
div class="row renyuan" style="margin-top: 10px;display:none;"> div class="col-lg-2"> div style="float: left; font-size: 15px;">文章封面span style="color: red;">*span> span style="原创 2017-07-03 18:17:33 · 1297 阅读 · 0 评论 -
setTimeout延迟没效果的问题
注意第一个参数的要求:Js代码串;$(function (){alert('第一秒1');setTimeout(alert('第11秒'),10000);})上述写法是错误的!我们需要改成:$(function (){alert('第一秒1');setTimeout(function (){alert('第11秒')},10000);})原创 2018-01-16 11:24:46 · 542 阅读 · 0 评论 -
微信关闭当前浏览窗口页面Js
function closeWx(){ window.close(); WeixinJSBridge.call('closeWindow');}原创 2018-01-22 10:11:42 · 5209 阅读 · 0 评论 -
表单
表单在HTML页面中起着非常重要作用,它是实现与用户信息交互的重要手段。 一般情况下,表单设计时使用的标记包括:、、、、和。1 表单标记 其基本语法结构如下:action属性:用于指定处理表单数据程序url的地址。这样的程序通常是CGI应用程序,采用电子邮件方 式时,用action="mailto:目标邮件地址"原创 2016-04-04 10:00:02 · 442 阅读 · 0 评论 -
DOM
方法:document .createElement(tagName)说明:创建指定元素方法:document .createTextNode(文本)说明:创建文本节点方法:_dom .appendchild(子元素)说明:添加新节点方法:_dom .getAttribute(属性名)说明:返回元素的属性方法:_dom .setAttribute(属原创 2016-04-04 10:07:34 · 290 阅读 · 0 评论 -
B0M
(一)screen对象,Screen 对象中存放着有关显示浏览器屏幕的信息。常见的属性有:availHeight:返回显示屏幕的高度availWidth:返回显示屏幕的宽度colorDepth:返回目标设备或缓冲器上的调色板的比特深度。height:返回屏幕区域的实际高度width:返回屏幕区域的实际宽度 BOM(Brower Object Model)浏览原创 2016-04-04 10:10:16 · 778 阅读 · 0 评论 -
JavaScript反选-全选-全不选代码
//打出选项香蕉苹果草莓葡萄榴莲菠萝蜜//全选 $(function(){ $("#btnall").click(function(){ $("input[type='checkbox']").each(function(i){ this.checked=true;翻译 2016-04-04 22:36:02 · 383 阅读 · 0 评论 -
input输入密码回车自动提交数据
function passwd_check(){ var name = $("#usrname").val() ; var passwd = $("#passwd").val() ; $.ajax({ type: "POST", url: "cgi-bin/sys-login.cgi",转载 2016-05-08 23:16:08 · 899 阅读 · 0 评论 -
JQUERY中prop和attr的区别
1、.prop( propertyName ) 获取匹配集合中第一个元素的Property的值 2、 .prop( propertyName, value ) .prop( map ) .prop( propertyName, function(index, oldPropertyValue) ) 给匹配元素集合设定一个或多个属性 .prop()和 .attr()区转载 2016-07-02 13:14:03 · 249 阅读 · 0 评论 -
javascript中的event事件用法详解
描述 event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。例子下面的例子检查鼠标是否在链接上单击,并且,如果shift键被转载 2016-07-15 17:08:32 · 698 阅读 · 0 评论 -
addEventListener()的用法
addEventListener() 方法用于向指定元素添加事件句柄。实例为 元素添加点击事件。 当用户点击按钮时,在 id="demo" 的 元素上输出 "Hello World" :document.getElementById("myBtn").addEventListener("click", function(){ document.getEle转载 2016-07-15 17:43:31 · 727 阅读 · 0 评论 -
if else与三目运算符的区别
if else,代码如下: 代码如下:if(n >= count-1){n =0;}else{n ++;}随后代码写完了,准备优化一下代码,将此段改成了三目运算符的写法 代码如下:n = n >= (count-1) ? n=0 : n++结果完全不同随后研究了一下这两者的区别,总结为一句话:三目转载 2016-07-15 17:55:48 · 740 阅读 · 0 评论 -
jquery-ui文本款日期显现
--> 生日 $("#publishtime").datepicker({ dateFormat:"yy-mm-dd", changeMonth:true, changeYear:true, monthNames:['一月','二月','三月原创 2016-08-13 14:55:29 · 200 阅读 · 0 评论 -
javascript中的回调函数【理解记忆】
在JavaScrip中,function是内置的类对象,也就是说它是一种类型的对象,可以和其它String、Array、Number、Object类的对象一样用于内置对象的管理。因为function实际上是一种对象,它可以“存储在变量中,通过参数传递给(别一个)函数(function),在函数内部创建,从函数中返回结果值”。 因为function是内置对象,我们可以将它作为参数传递给另一个函数转载 2016-08-14 23:19:06 · 506 阅读 · 0 评论 -
jquery全选反选
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">http://www.w3.org/1999/xhtml ">无标题文档 $("document").ready(function(){ $("#all").click(function(){ i转载 2016-08-14 23:23:09 · 211 阅读 · 0 评论 -
正则表达式常用验证及打油诗一首
正则其实也势利,削尖头来把钱揣; (指开始符号^和结尾符号$)特殊符号认不了,弄个倒杠来引路; (指/. /*等特殊符号)倒杠后面跟小w, 数字字母来表示; (/w跟数字字母;/d跟数字)倒杠后面跟小d, 只有数字来表示;倒杠后面跟小a, 报警符号嘀一声;倒杠后面跟小b, 单词分界或退格;倒杠后面跟小t, 制表符号很明了;倒杠后面跟小r, 回车符号知道了;倒杠后面跟转载 2016-08-14 23:28:40 · 474 阅读 · 0 评论 -
jQuery函数attr()和prop()的区别
在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同。但不得不说的是,这两个函数的用处却并不相同。下面我们来详细介绍这两个函数之间的区别。1、操作对象不同很明显,attr和prop分别是单词attribute和property的缩写,并且它们均表示"属性"的意思。不过,在jQuery中,attribute和p转载 2017-10-16 10:46:11 · 164 阅读 · 0 评论 -
Js简便写法[学习中]
自主学习中:单独常见Js文件,后期调用秩序调用函数方法就好; var Fun = {};普通的代入值调用Fun.alerts = function(val){alert(val);}调用:Fun.alerts('我调用成功了')AJAX:get提交 $.ajax({ type:"get", url:"/my/url", header:原创 2018-01-22 10:07:09 · 313 阅读 · 0 评论 -
laravel下 jquery-from 上传图片立即显示
style> .btn{position: relative;overflow: hidden;margin-right: 4px;display:inline-block; *display:inline;padding:4px 10px 4px;font-size:14px;line-height:18px; *line-height:20px;colo转载 2017-06-19 11:54:16 · 724 阅读 · 0 评论