![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
郭浩326
这个作者很懒,什么都没留下…
展开
-
js实现全屏和退出全屏功能
主要是全屏和退出全屏事件,以及相应的操作(采用window.onresize监测)$(function(){ //全屏 $("#fullScreen").on("click",function(){ fullScreen(); }) //退出全屏 $("#exitFullScreen").on("click",function(){ ...原创 2020-04-10 09:31:24 · 455 阅读 · 0 评论 -
AES 加密解密
Javascript端代码:<script src="crypto-js.min.js"></script><script src="pad-zeropadding.js"></script><script>var data = "Test String";var key = CryptoJS.enc.Latin1.pa...原创 2020-03-06 14:34:08 · 1043 阅读 · 0 评论 -
根据中文获取汉字的首字母
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if y原创 2018-08-14 17:38:47 · 90205 阅读 · 0 评论 -
js开启和禁止页面滑动
首先,建立一个函数function bodyScroll(event){ event.preventDefault(); } 之后在触发弹窗的时候禁止页面滚动document.body.addEventListener('touchmove',bodyScroll,false); $('body').css({'position':'fixed',"width"...原创 2018-10-19 16:32:08 · 1289 阅读 · 0 评论 -
js canvas 图片压缩 并转换为 file 类型文件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery-3.1.1.min.js"></script> <style type="text/css"&...原创 2019-01-12 22:58:07 · 6720 阅读 · 1 评论 -
被遮挡元素显示到可视区域
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0;原创 2019-02-26 10:05:12 · 1021 阅读 · 0 评论 -
div 拖拽移动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style> *{ padding: 0; margin: 0; } #box { width: 100p...原创 2019-02-26 14:25:10 · 691 阅读 · 0 评论 -
div 拖拽 构造函数封装
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>拖拽封装</title> <style> *{ padding: 0; margin: 0; }原创 2019-02-26 15:33:29 · 257 阅读 · 0 评论 -
js获取ip本机地址
<script type="text/javascript">function getUserIP(onNewIP) { // onNewIp - your listener function for new IPs //compatibility for firefox and chrome var myPeerConnection = window.R...原创 2019-05-31 14:42:09 · 1087 阅读 · 0 评论 -
echarts 滚动数据
<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="te...原创 2019-07-02 14:21:03 · 5573 阅读 · 0 评论 -
js 监听滚动条停止滚动
let t1 = 0;let t2 = 0;let timer = null; // 定时器// scroll监听document.onscroll = function() { clearTimeout(timer); timer = setTimeout(isScrollEnd, 1000); t1 = document.documentElement.scrollTo...原创 2019-07-04 17:37:46 · 8646 阅读 · 0 评论 -
js sort 排序
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body > </body> <script type="text/javascript">...原创 2019-07-21 15:38:52 · 180 阅读 · 0 评论 -
元素显示在可视区域
scrollIntoViewDOM的滚动DOM规范中并没有规定各浏览器需要实现怎样的滚动页面区域,各浏览器实现了相应的方法,可以使用不同的方式控制页面区域的滚动。这些方法作为HTMLElement类型的扩展存在,所以它能在所有元素上使用。1、scrollIntoView(alignWithTop) 滚动浏览器窗口或容器元素,以便在当前视窗的可见范围看见当前元素。如果alignWithTop为tr...原创 2018-07-10 14:12:17 · 2379 阅读 · 1 评论 -
获取现在时间
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type原创 2018-02-20 20:34:25 · 421 阅读 · 0 评论 -
javascript-增加------createElement()方法
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body> button>点击我button>body>script> var btn=document.getElementsByTagName("button")[0]; btn.onclick=func原创 2017-05-07 21:44:40 · 794 阅读 · 0 评论 -
javascript-删除----splice()方法angular应用
html>html ng-app="myApp">head> meta charset="UTF-8"> title>Titletitle> script src="js/angular.min.js">script>head>body ng-controller="myCtrl"> ul id="ull"> li ng-re原创 2017-05-07 22:51:02 · 2546 阅读 · 0 评论 -
stringify()与parse()字符串与json转换
var str='{"name":"小明","age":"23"}';var aa=JSON.stringify(str);//.stringify()用于从一个对象解析出字符串var bb=JSON.parse(str);//parse() 用于从一个字符串中解析出json 对象console.log(bb);console.log(aa);原创 2017-06-06 15:53:05 · 321 阅读 · 0 评论 -
Web Storage 本地存储localStorage
保存数据获取数据window.onload = function() {/* * 当你关闭此页面或者关闭浏览器的时候,localStorage中保存的数据才会消失, * 也就是说重新打开此页面的时候,点击获取数据,可以取到数据。 * localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage原创 2017-06-09 11:10:40 · 289 阅读 · 0 评论 -
Web Storage 本地存储sessionStorage
HTML>html>head> meta charset="utf-8"> title>本地存储LocalStorage title>head>body>input id="msg" type="text"/>input id="setData" type="button" value="保存数据"/>input id="getData" type="button" valu原创 2017-06-09 11:20:07 · 188 阅读 · 0 评论 -
javascript-->>排序
6666原创 2017-06-12 21:35:06 · 192 阅读 · 0 评论 -
javascript-->>去重
html>html>head> meta charset="UTF-8"> title>title>head>body>script type="text/javascript"> var str=[66,77,5,8,7,9,99,9,9,7,2]; for(var i=0;istr.length;i++){ for(var j=i+1;jstr.length原创 2017-06-12 21:49:30 · 167 阅读 · 0 评论 -
价格排序
html>html>head> meta charset="UTF-8"> title>title> script src="jquery-1.9.1.js">script> script> $.ajax({ url: 'data.json',//获取本地json数据,在同文件夹下 type: "g原创 2017-09-06 18:02:14 · 656 阅读 · 0 评论 -
javascript 浏览器之间跳转传递参数(不支持中文字符)
one.htmlhtml>html>head> meta charset="UTF-8"> title> New Document title>head>body>input type="text" id="cc">button type="button" onclick="to()">点击button>script> function to() {原创 2017-08-29 11:46:50 · 462 阅读 · 0 评论 -
JavaScript 字符串操作
1.函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组例子: str=”jpg|bmp|gif|ico|png”; arr=str.split(”|”);//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组 2.函数:join()功能:使用您选择的分隔原创 2017-09-03 10:49:39 · 151 阅读 · 0 评论 -
格林尼治时间,转成东八区时间
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type原创 2018-02-20 20:27:16 · 1992 阅读 · 0 评论 -
javascript --string对象常规操作 增、删、改、查。
split() 方法用于把一个字符串分割成字符串数组。stringObject.split(separator,howmany)参数描述separator必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。howmany可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会转载 2017-05-25 19:43:57 · 311 阅读 · 0 评论