js获取当前url

微信JS SDK接入的几点注意事项

家住魔仙堡 提交于 2019-12-30 01:54:19
微信JS SDK接入,主要可以先参考 官网说明文档 ,总结起来有几个步骤: 1.绑定域名: 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 备注:登录后可在“开发者中心”查看对应的接口权限。 2.引入JS文件:在需要调用JS接口的页面引入如下JS文件,(支持https): http://res.wx.qq.com/open/js/jweixin-1.2.0.js , 备注:支持使用 AMD/CMD 标准模块加载方法加载,这里补充引入jquery.cookie.js,sha1.js,后面需要用 3.获取access_token,再获取jsapi_ticket,由于不能频繁调用获取jsapi_ticket的函数,可以保存一份全局的jsapi_ticket,存放在cookie中,如果过时了再重新获取;另外,这两个获取操作建议放到服务端确保安全性; 4.拼接noncestr(随机字符串), 有效的jsapi_ticket, timestamp(时间戳), url(当前网页的URL,不包含#及其后面部分),对所有待签名参数按照字段名的ASCII 码从小到大排序(字典序)后,使用URL键值对的格式(即key1=value1&key2=value2…)拼接成字符串string1。这里需要注意的是所有参数名均为小写字符。 5.sha1加密生成签名signature;

微信JS SDK接入的几点注意事项

感情迁移 提交于 2019-12-30 01:52:53
微信JS SDK接入,主要可以先参考 官网说明文档 ,总结起来有几个步骤: 1.绑定域名: 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 备注:登录后可在“开发者中心”查看对应的接口权限。 2.引入JS文件:在需要调用JS接口的页面引入如下JS文件,(支持https): http://res.wx.qq.com/open/js/jweixin-1.2.0.js , 备注:支持使用 AMD/CMD 标准模块加载方法加载,这里补充引入jquery.cookie.js,sha1.js,后面需要用 3.获取access_token,再获取jsapi_ticket,由于不能频繁调用获取jsapi_ticket的函数,可以保存一份全局的jsapi_ticket,存放在cookie中,如果过时了再重新获取;另外,这两个获取操作建议放到服务端确保安全性; 4.拼接noncestr(随机字符串), 有效的jsapi_ticket, timestamp(时间戳), url(当前网页的URL,不包含#及其后面部分),对所有待签名参数按照字段名的ASCII 码从小到大排序(字典序)后,使用URL键值对的格式(即key1=value1&key2=value2…)拼接成字符串string1。这里需要注意的是所有参数名均为小写字符。 5.sha1加密生成签名signature;

前端开发之三、【第三篇: JavaScript基础】

六眼飞鱼酱① 提交于 2019-12-19 06:57:00
一、JavaScript 的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,( Brendan Eich) 在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成.后改名叫Javascript 微软随后模仿在其IE3.0的产品中搭载了一个JavaScript的克隆版叫Jscript. 为了统一三家,ECMA( 欧洲计算机制造协会)定义了ECMA-262规范.国际标准化组织及国际电工委员会(ISO/IEC)也采纳 ECMAScript 作为标准(ISO/IEC-16262)。从此,Web 浏览器就开始努力(虽然有着不同的程度的成功和失败)将 ECMAScript 作为 JavaScript 实现的基础。EcmaScript是规范. J avaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理。 二、如何编写 1、JavaScript代码存在形式 <!-- 方式一 --> <script type"text/javascript

nodejs获取当前url和url参数值

我怕爱的太早我们不能终老 提交于 2019-12-19 03:35:14
php中可以通过post or get 获取到url中的参数值,最近接触了node那么在nodejs里是怎么做的呢,上代码了! //需要使用的模块 http url 当前url http://localhost:8888/select?aa=001&bb=002 var http = require('http'); var URL = require('url'); http.createServer(function(req, res){ var arg = url.parse(req.url).query; //方法一arg => aa=001&bb=002 var arg = url.parse(req.url, true).query; //方法二arg => { aa: '001', bb: '002' } console.log(arg.aa);//返回001 console.log(arg.bb);//返回002 //然后就可以根据所得到的数据处理了 }).listen(8888);//建立服务器并监听端口 获取特定url参数值 var testUrl = 'http://localhost:8888/select?aa=001&bb=002'; var p = URL.parse(testUrl); console.log(p.href); //取到的值是

闭包与ajax

和自甴很熟 提交于 2019-12-16 22:41:49
一、匿名函数 之前学习的函数: //1.普通 function sum ( ) { console . log ( "Fd" ) ; } //2.表达式函数 var s = function ( ) { console . log ( "fd" ) ; } //3.事件处理函数 document . onclick = function ( ) { console . log ( this ) ; } //4.构造函数 function Student ( ) { this . name = "web" ; } 匿名函数:(没有名字) //5.匿名函数 function ( ) { console . log ( "匿名函数" ) ; } 二、IIFE函数(立即执行函数) IIFE:Imdiately Invoked Function Expression 立即执行函数 优点:避免全局污染,减少不必要的内存浪费 作用: 避免全局污染,减少内存浪费,方便嵌入 放在js最上面,所有的js代码,都放入到自执行函数中, 避免全局污染,减少内存浪费 如果刚接手一个新的项目,添加新的功能,写一个自执行函数,把代码让里面,他是一个独立的模块,不会影响到其他的代码 ( function ( ) { console . log ( "立即执行" ) ; } ( ) ) ; //自执行 (

各浏览器的url传值的长度限制解决办法

孤者浪人 提交于 2019-12-10 11:59:41
今天写到两个页面传值,刚开始通过url上加参数进行传值, var strLink = "my.asp?str1=" + str1List + "&str2=" + str2List ; var iHeight = 600; // 高度 var iWidth = 1000; // 宽度 var iTop = (window.screen.availHeight - 30 - iHeight) / 2; // 获得窗口的垂直位置; var iLeft = (window.screen.availWidth - 10 - iWidth) / 2; // 获得窗口的水平位置; window.open(strLink, "_blank", "status=yes,resizable=yes,scrollbars=yes,menubar=yes,width=" + iWidth + ",height=" + iHeight + ",left=" + iLeft + ",top=" + iTop) 其中str1List是一个单号的列表,str2是另外一个单号的列表,将参数传到my.asp,然后用Request.QueryString获取参数的值进行处理,刚开始my.asp页面运行没有问题,可是当单号的数据量比较大的时候,my.asp页面就报错。经过排查,发现参数传到my.asp后

JavaScript代码库---2019持续更新

北城以北 提交于 2019-12-07 06:23:46
这个代码库全部是自己平时工作中总结出来的,还有一些是在网上浏览各种博客时整理出来的。有需要的朋友可以作为参考,某些地方如果有误,还请各位留言指出。 2018-10-25 .1.js中入门/入口函数的写法//前提条件需要引入jQuery $(document).ready(function() { //初始化时需要做的一些事情 //如果需要初始化多个函数,并且需要让这几个函数按照顺序执行,则可以采取如下的方式,使用一个立即执行函数 (async () => { await a();//初始化时执行的函数a await b();//初始化时执行的函数b await c();//初始化时执行的函数c })(); //还有一种初始化方式 当页面初始化时,有多个方法,而一个方法初始化时需要使用另外一个方法初始化的结果,这种情况就可以使用下面这种方式初始化//// 初始化汇总//这里有一点需要注意,async/await//函数是在ES7的标准规范中才正式确立下来//要不要在ES6中使用还需慎重//不过这种写法倒是值得推介// initSummary().then(result => { console.log(`initSummary: ${result}`); }).catch(err => { msgError(`${err}`); console.log(`initSummary

Bootstrap, 模态框实现值传递,自动勾选

心已入冬 提交于 2019-12-06 16:51:47
目录 Bootstrap,模态框自动勾选,值传递 1.父页面 2. 子页面(modal) 模态框 Bootstrap,模态框自动勾选,值传递 场景: ​ 有一个这样的需求, 在父页面有一个table, 在table中有每一行都有一个更新按钮, 用来更新此行数据关联的另一组完整数据, 在点击按钮时, 直接弹出新的table, 并且需要将默认已经关联的数据进行勾选处理. 如下所示. 1.父页面 效果 图一为父页面 domain_list : 展示某列表信息,其中 绑定主机 是涉及调用 子页面的 btn 此页面代码如下, (后端主要使用了python, Django, 使用了模板语言. 这里不是重点) {% extends '_base_list.html' %} {% load i18n static %} {% block custom_head_css_js %} <style> #domainSteps { padding-left: 7%; width: 35%; margin:10px auto; } .step-item { display: inline-block; line-height: 32px; position: relative; } .step-item-tail { width: 100%; padding: 0 10px; position:

动态加载js文件的正确姿势

十年热恋 提交于 2019-12-06 14:22:01
最近在做一个为网页生成目录的工具 awesome-toc ,该工具提供了以jquery插件的形式使用的代码,也提供了一个基于 Bookmarklet (小书签)的浏览器插件。 小书签需要向网页中注入多个js文件,也就相当于动态加载js文件。在编写这部分代码时候遇到坑了,于是深究了一段时间。 我在这里整理了动态加载js文件的若干思路, 这对于理解异步编程很有用处,而且也适用于Nodejs 。 代码整理在了 https://github.com/someus/how-to-load-dynamic-script 。 硬编码在html源码中的script是如何加载的 如果html中有: <script type="text/javascript" src="1.js"></script> <script type="text/javascript" src="2.js"></script> 那么,浏览器解析到 <script type="text/javascript" src="1.js"></script> 会停止渲染页面,去拉取 1.js (IO操作),等到 1.js 的内容获取到后执行。 1.js执行完毕后,浏览器解析到 <script type="text/javascript" src="2.js"></script> 进行和 1.js 类似的操作。

js拼接url以及为html某标签属性赋值

风流意气都作罢 提交于 2019-12-06 03:52:43
记录 js拼接url 比如有些时候我们需要为某按钮实现跳转,可以利用下面的方式做到: function ReturnIndex() { var rex = RegExp("tools") var url = window.location.origin var new_url = "http://127.0.0.1:"+window.location.port if (url.match(rex)) { curr_url = window.location.origin // 获取根网址:比如:https://www.baidu.com a = curr_url.split(".")[0] now = a.split("//")[1] window.location.href = curr_url.replace(now, "www") } else { console.log(new_url) window.location.href = new_url } }; $("#ReturnBtn").on('click', function () { ReturnIndex() }); 说明: 获取URL全部信息: window.location 拥有的方法和属性,我这里以博客园为例,按 F12 ,在console下调试: ancestorOrigins: DOMStringList