这节对Popups这一章的最后两个例子进行介绍和解析。第一个【Popup Actions】介绍了弹窗中如何自定义工具按钮（名为actions），以PopupTemplate+FeatureLayer的形式测量要素的长度为例子进行介绍。第二个【Custom popup actions per feature】则是上一个的升级，如果说上一个例子的功能是写死的，那么这个例子就把这个功能写活了。什么意思呢？上个例子的测距仅仅能测距，没有什么别的特别的。而这个例子以啤酒店的分布（点要素图层...
1、原生JavaScript实现字符串长度截取1 function cutstr(str, len) {2 var temp;3 var icount = 0;4 var patrn = /[^\x00-\xff]/;5 var strre = "";6 for (var i = 0; i < str.length; i++) {7 if (icount < len - 1) {8 temp = str.substr(i, 1);9 if (patrn.exec(temp) == null) { 10 icount = icount + 1 11 ...
之前写了篇文章《原生javascript实现类似jquery on方法的行为监听》比较浅显，能够简单的使用场景。这里的自定义事件指的是区别javascript默认的与DOM交互的事件，比如click，mouseover,change等，有时候我们需要监听某一行为是否发生，很显然默认的行为不够用，比如一个场景。我们写好了tab切换，点击后请求加载隐藏标签的内容。tab切换是非常常用的一个功能，通常会写成组件，如果每次把请求写在组件里肯定对组件拓展和耦合性有影...
1<!doctype html> 2<html lang="en"> 3<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 4<head> 5<meta charset="UTF-8"> 6<title>boss爱国</title> 7<style> 8 body{background:#ececec;margin:0;} 9 #test{width:100%;height:40px;background:#fff;}10 .btn{padding:11px 16%;float:left;list-style:none;}11 .focus{border-bottom:1px solid #269be8; color:#269be8;}12 .line{width: 1px;...
、原生JavaScript实现字符串长度截取 View Code 2、原生JavaScript获取域名主机 View Code 3、原生JavaScript清除空格 View Code4、原生JavaScript替换全部 View Code5、原生JavaScript转义html标签 View Code 6、原生JavaScript还原html标签 View Code 7、原生JavaScript时间日期格式转换 View Code8、原生JavaScript判断是否为数字类型 View Code9、原生JavaScript设置cookie值 View Code10、原生JavaScript获取cookie值 View Co...
虽说这个标准已经出来很久了，所有的主流浏览器的最新版本也都支持了这些特性，但是很多的教程中并没有包含这个部分，这一节我们专门来总结一下这个标准中的新功能。Object的新方法 在最新的JavaScript规范(ECMAScript 5)中，Object扩展了很多不错的静态方法，下面来简单看一下：1. create/getPrototypeOf方法 - 干净的原型链 先说简单的getPrototypeOf方法，这个方法统一了获取对象原型的方式，使用这个对象可以获取到对象的...
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title><style>#box {width: 100px;height: 100px;background-color: greenyellow;position: absolute;}</style> </head> <body> <input type="button" value="按钮" id="btn"/><div id="box"></div> <script>var btn = document.getElementById("btn");btn.onclick = function () {animate(box, {"height": 400, "width": 400, "borderRadius": 150, "left...
--做更好的自己? 用js实现选项卡功能我们在一些常见的网站中经常看到将很大的内容进行叠加显示，这样就会节省很大的版面，而显示的内容更加丰富，如下淘宝部分截图：1、仿照以上布局，一个标题标签（我们给它设计五个选项卡标签：公告、规则、论坛、安全、公益，相应的就会有五个一样大小的内容盒子来设计内容）一个内容标签。 <div id="title"><h3 >公告</h3><h3 >规则</h3><h3 >论坛</h3><h3 >安全</h3><h3 >公益...
JS端代码HTMLElement.prototype.pressKey = function(code) {var evt = document.createEvent("UIEvents");evt.keyCode = code;evt.initEvent("keydown", true, true);this.dispatchEvent(evt);}HTMLElement.prototype.upkey = function(code) {var evt = document.createEvent("UIEvents");evt.keyCode = code;evt.initEvent("keyup", true, true);this.dispatchEvent(evt);}HTMLElement.prototype.moudown = function(x,y) {//al...
今天学习了javascript中的事件，已经接近尾声，可以说明天跨入jquery的学习啦，学习了一周的javascript，感觉还没有掌握其中学习的微妙之处，javascript使用起来是比较灵活的，而且很多浏览器的兼容性还是不一样的，嘿嘿，或许这就是原因的所在吧，在事件的处理上面还是很容易理解的，前面学习了那么多的语法知识以及对DOM的操作，想必在事件的学习上还是很容易接受的，就来总结一下吧。 一.this的对象的区分 <script> ...
之前在工作中，有位同事问过我一个问题，JS如何实现点击复制功能。给他解决后现在来总结归纳一下，顺便做个笔记。PS：此乃本人第一篇博客（跟着同事大佬学习），涉及知识尚浅，如有任何意见和建议请告知于我。下面开始正文：<!DOCTYPE html><html><head><meta charset="utf-8"><title>源生JS实现点击复制功能</title></head><body><button onclick="clkCopy()">点击复制</button><input type="text" id="text" value="123"><script...
doPrint:function(){var headhtml = "<html><head><title></title></head><body>";var foothtml = "</body>";// 获取div中的html内容// var newhtml = document.all.item(printpage).innerHTML;// 获取div中的html内容，jquery写法如下var newhtml = $("#printdeliveryView").html();// 获取原来的窗口界面body的html内容，并保存起来var oldhtml = document.body.innerHTML;// 给窗口界面重新赋值，赋自己拼接起来的html内容docum...
代码： <input type="text"> <button>复制</button> <script> var input = document.getElementsByTagName(‘input‘)[0] var button = document.getElementsByTagName(‘button‘)[0] button.onclick = function(){input.value = "hello world"input.select()document.execCommand("copy") } </script>效果：execCommand常用方法： cut delete copy原文：http://blog.51cto.com/12173069/2106070
<script>var rangelist=document.querySelectorAll(‘[type="range"]‘);for(var i=0; i<rangelist.length; i++){//获得当期遍历的值i并赋值给rangevar range=rangelist[i];range.onchange=function(){ //range.onchange= 当input的值发生改变时触发事件//onchange()事件一般用于用户表单中，例如：当文本框内容发生改变时触发的事件，或者下拉列表框内容发生改变时触发的事件等this.nextElementSibling.innerHTML=this.value;//修...
需求构思：本功能想实现的是，一个按钮在页面载入就显示提醒续费，，，倒数60秒后，完成提醒功能，可以按另外一个页面跳转到主页。参考网上的大神，实现如下：Button2倒数，Button3跳转，在页面上添加两个html按钮。Button2代码 <input id="Button2" type="button" value="提醒续费倒计时" onclick="return Button2_onclick()" /> <script type="text/javascript"> var wait=60; function time(o) { if (wait == 0) { ...