![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
紫冰Nan
单纯记录
展开
-
QRCode.js:使用 JavaScript 生成二维码
QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona...原创 2019-11-14 13:45:09 · 399 阅读 · 0 评论 -
JavaScript中setInterval的用法
setInterval~在播放动画时,每隔一定时间就调用函数,方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示setInterval(function,interval[,arg1,arg2,......argn])setInterval(object,methodName,interval[,arg1,arg2,.....argn])第一种格式是标准动作面板中setInterval函原创 2017-04-01 17:58:28 · 1454 阅读 · 0 评论 -
解决iframe作为子窗口,刷新后iframe页面跳转到其它页面的问题
锚点它可以标记一个页面中的一个部分,url中以#后面跟随的就是锚点,然后会直接定位到锚点的内容http://localhost:8030/#footer监听锚点的变化window.onhashchange = function(){ alert("发生变化"); }//拿到锚点的内容window.onhashchange = function(){ var hash =原创 2017-04-28 17:00:19 · 5698 阅读 · 1 评论 -
实现select中指定option选中触发事件
<select id="pid" onchange="gradeChange()"> <option grade="1" value="a">选项一</a> <option grade="2" value="b">选项二</a></select><script type="text/JavaScript"> function gradeChange(){ v原创 2017-04-06 17:04:42 · 3215 阅读 · 0 评论 -
Juicer 轻量级javascript模板引擎
代码示例<!DOCTYPE html><html><head> <title>Juicer</title> <meta charset=UTF-8> <!--引入jquery--> <script src="/static/jquery/jquery-1.11.1.min.js"></script> <!--引入juicer--> <script原创 2017-05-10 17:23:38 · 1677 阅读 · 0 评论 -
获取url中的参数值
一、简单方便function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return decodeURI(r[2])原创 2017-05-05 10:25:39 · 526 阅读 · 0 评论 -
js屏蔽浏览器(IE和FireFox)的刷新功能
document.onkeydown=function() { if ((window.event.keyCode==116)|| //屏蔽 F5 (window.event.keyCode==122)|| //屏蔽 F11 (window.event.shiftKey && window.event.keyCode==121) //shift+F10原创 2017-04-25 16:03:43 · 489 阅读 · 0 评论 -
onhashchange
<div id="set"></div><div id="home"></div>设置锚点<a href=""></a><a href="#home"></a>点击a链接url尾部出现#home时实现相应功能 $(document).ready(function () { window.onhashchange=hashChange; })原创 2017-04-25 16:47:20 · 412 阅读 · 0 评论 -
确认框confirm
一、原生弹框页面添加确认框if(confirm("你确定删除吗?")) { alert("点击了确定")} else { alert("点击了取消")}手机移动端确认框confirm去掉网址window.confirm = function (message) { var iframe = document.createElement("IFRAME"); ifr原创 2017-06-01 18:50:00 · 1634 阅读 · 0 评论 -
JavaScript 一
JavaScript是一种脚本语言, 1、在客户端运行 2、(解释性语言)由浏览器解析运行的(IE、搜狐等) 主要作用:和用户交互,实现一些动态的效果 JavaScript在处理整个html的时候,会把它当做对象来处理,document(当前网页)代表它将当前网页当成了一个对象JavaScript特点:js代码在处理一个html元素(即html标记)时需要以对象形式来操作html元素...原创 2018-12-13 00:18:59 · 230 阅读 · 0 评论 -
JavaScript 二
JavaScript对象及相关函数 String对象 Date对象 Math对象浏览器对象和元素(DOM模型) 其它常用函数 parseInt()函数 parseFloat函数JavaScript对象一、字符串对象——String对象利用String对象提供的函数来处理字符串:charAt(idx):返回指定位置处的字符 indexOf(Chr):返回指定子字符串...原创 2018-12-17 00:13:21 · 221 阅读 · 0 评论 -
关于ajax
一、使用ajax提交个别数据$.ajax({ url : "searchajax", type : "GET", data : {keyWord : "沈",teacherPfId:"xxxxxxxx"}, contentType : "ap原创 2017-03-09 17:40:10 · 342 阅读 · 0 评论 -
JavaScript——正则表达式
正则表达式只起到两个作用:校验 查找和替换校验和搜索的速度非常快在js里想使用正则表达式必须把它变成一个正则表达式对象,然后用这个正则表达式对象去做校验查找替换JavaScript中,正则表达式是由两个斜杠“/”所包围的,由英文字母、数字和一些符号组成的,描述文本模式的表达式对象——正则表达式对象。例如: var reg1 = /abc/i; ...原创 2018-12-19 00:26:17 · 364 阅读 · 0 评论 -
正则表达式实例
一、检测IP地址<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <meta http-equiv="Content-Type" con原创 2018-12-24 23:11:35 · 162 阅读 · 0 评论 -
使用JQuery获取被选中的checkbox的value值
<form id="infoForm"> <input type="checkbox" id="" name="it" value="2" />2 <input type="checkbox" id="" name="it" value="3"原创 2019-02-23 17:54:58 · 6826 阅读 · 0 评论 -
js获取当前日期时间“yyyy-MM-dd HH:MM:SS”
function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1; var strDate = date.getDate();原创 2017-04-11 15:25:40 · 1005 阅读 · 0 评论 -
刷新页面
1.用iframe弹出子页面,刷新父页面iframe<script language=JavaScript> parent.location.reload(); </script>2.弹出子页面window.opener.location.reload(); 3.子窗口刷新父窗口self.opener.location.reload(); 4.刷新以open()方法打开的窗口window.ope原创 2017-03-23 14:02:31 · 270 阅读 · 0 评论 -
JS得到div的value值(网上资料保存)
function getDivValue(){ var t1=document.getElementById("test"); alert(t1.value);}<div id="test" value="yes" > </div><!--对于以上的HTML代码 我们通过JS直接得到div的value属性是得不到的,输出为undefined这是因为div没有value属性转载 2017-02-28 13:49:29 · 7475 阅读 · 1 评论 -
JavaScript Date
Date对象var myDate=new Date(),注释:Date 对象会自动把当前日期和时间保存为其初始值。 - Date 对象方法方法 描述Date() 返回当日的日期和时间。getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay() 从 Date 对象返回一周中的某一天 (0(周日) ~ 6(周六))。getMonth()原创 2017-02-27 16:19:56 · 348 阅读 · 0 评论 -
开发过程遇到的一些问题(一)
一、手机适配页面,在页面中添加信息<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">二、在html页面显示js中变量的值//将想显示的html代码拼接成字符串str +="<input type='text' value=' " +(strHe原创 2017-01-13 18:50:00 · 476 阅读 · 0 评论 -
实现验证码倒计时
//点击获取验证码后,设置点击按钮禁用,同时显示时间倒数var count = 60;var countdown = setInterval(CountDown, 1000);function CountDown() { btn.text(count + "s"); if (count == 0) { btn.removeAttr("disabled");原创 2017-02-28 15:29:44 · 358 阅读 · 0 评论 -
script标签在html中的位置
放在head标签内放在body标签内放在body标签后,html标签内放在html标签后<html><head><title>script location in html</title><script type="text/javascript"> alert("script in the head tag ");</script></head><body><h1>script原创 2017-02-17 17:16:06 · 990 阅读 · 0 评论 -
js向div中追加html代码
//这是直接插入htmldocument.getElementById("div_id").innerHTML = "你想往div里插入的html代码";//如果想追加,可以这样//先保存div中原来的htmlvar html = document.getElementById("div_id").innerHTML;//再跟你想追加的代码加到一起插入div中document.getEl原创 2017-02-15 17:29:27 · 25408 阅读 · 4 评论 -
js中实现加法运算
1:首先JS是一种弱语言,但是同类型可以自己相加减 例如“a”+”b” 可以自动组成ab ; 1+ 2 自动变成3 var data = 2; var currentPage = data; //2 var previousPage = data -1; //1 var nextPage = data +1; //21原创 2017-02-14 11:43:39 · 12070 阅读 · 0 评论 -
js实现按回车键登录功能
先在body内添加onkeydown属性,script内编写js方法,(注意js方法应直接写在html页面,外部引入js方法不能用)<body onkeydown="on_return();"> <div class="index"> <div class="logo"> <img src="/static/img/studentlist/logo.p原创 2017-02-13 11:24:56 · 2357 阅读 · 0 评论 -
js中设置元素class的方法
1. var div = document.getElementById('d1');div.setAttribute("class", "abc"); 2. var div = document.getElementById('d1');div.setAttribute("className", "abc"); 3. var div = document.getElementByI原创 2017-02-23 10:35:17 · 1113 阅读 · 0 评论 -
点击跳转到页面指定位置(div)
var bottombox = document.getElementById("bottombox");bottombox.scrollIntoView(); //点击后地址栏url不会变化,可多次点击或window.location.hash = "#bottombox"; //点击后地址栏url会在原来url后边加上#bottombox,再次点击没有反应点击锚点也可实现跳转,即:点击原创 2017-03-03 14:28:53 · 18609 阅读 · 2 评论 -
动态改变form表单中action的值
html代码<form id="myform" action="" method="post" enctype="multipart/form-data"></form>JS动态改变form表单中action的值,写法如下:document.getElementById("myform").action = "hello?info="+info;原创 2017-03-03 16:11:36 · 3863 阅读 · 0 评论 -
history.go(),history.back(),history.forward()
windows窗口对象(历史)history.go(),history.back(),history.forward()因为windows对象引用不是必须的,所以windows.history.go() == history.go()go()方法只有一个参数,可以是整数、负数。如果是正数,就前进。负数就是后退。(相当于Forward和Back的区别)后退一页:(后退多页,只需改变go的参数)原创 2017-03-23 14:08:47 · 1489 阅读 · 0 评论 -
form表单提交前验证
一、html<form id="form1" method="post" action="/DealWithForm1/"> <table> <tr> <td>first_name:</td> <td><input name="firstname" type="text" id="firstname" /></td> <td><label id="firstnameLabel"原创 2017-03-30 11:33:44 · 606 阅读 · 0 评论 -
JS或Jquery查找父元素、子元素(网上资料保存)
jquery向上查找父元素 用到的方法:closest() parents() parent()向下查找子元素 用到的方法:find() children()js用的是 children[] 属性 html代码<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose转载 2017-02-28 10:43:21 · 2721 阅读 · 0 评论