包含标签 js 的文章

WGS84和GCJ02之间的无缝切换

0 条评论 技术 CSS HTML 前端 编程 js 地理坐标 Earth emer



修正一个因在使用不同坐标系(WGS84和GCJ02)地图之间切换导致显示错误地址的bug。
https://github.com/googollee/eviltransform

线索类JS上报快手广告平台

0 条评论 技术 HTML 编程 js PHP API 快手 emer

流程原理:
用户产生行为(点击等)-> 系统在落地页拼接带有callback的url并下发给广告主> 用户产生转化行为
-> 广告主通过用户的手机号与callback匹配 -> 广告主填写回传参数上报给快手

js前端URL特殊字符的转码及PHP解码

0 条评论 技术 CSS HTML 前端 js PHP emer

问题:url传有特殊字符出现丢失,因为特殊字符会被特殊处理
我们先用getUrlParam()函数获取参数,

// 获取链接参数
function getUrlParam(name) {
    //构造一个含有目标参数的正则表达式对象
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    //匹配目标参数
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]);
    return null; //返回参数值
}

再用encodeURIComponent()函数转码,例如:

//url里边包含@等特殊字符
var url = "https://6.hbibwl.com.cn/wxkf/main.html?pin=U.P0Ky40vy63TnhM65rk@_B9&id=8";
var pin = encodeURIComponent(getUrlParam('pin'));
//打印转码的pin值
console.log(pin);

结果:

U.P0Ky40vy63TnhM65rk%40_B9

PHP解码:

$_POST['pin'] = urldecode($_POST['pin']);
echo $_POST['pin'];

结果:

U.P0Ky40vy63TnhM65rk@_B9

js复制A标签的链接地址

0 条评论 技术 CSS HTML 前端 js emer
function copy(copyId){
    console.log(copyId);
    var url = document.getElementById(copyId).href;
    var cInput = document.createElement('input');
    cInput.value = url;
    document.body.appendChild(cInput);
    cInput.select(); // 选取文本框内容 
    document.execCommand("Copy"); // 执行浏览器复制命令
    alert("复制成功!");
    document.body.removeChild(cInput);
}

JS实现简易网页计算器

0 条评论 技术 CSS HTML 前端 js 计算器 emer

利用e.target||e.srcElement,获取到触发事件的元素,||连接两个语法是为了解决不同浏览器的兼容性问题。

获取到触发事件元素的具体值之后,判断元素值是否等于“=”和“C”,这两个按钮是做区别于普通字符串拼接及计算的其他功能。

C做清屏处理:判断触发事件的按钮值是否为C,若为C,屏幕中只显示0;

=做计算处理:判断触发事件的按钮值是否为=,若为=,利用eval()方法计算屏幕上的公式;

其他触发事件的按钮直接做字符串拼接显示在屏幕上。