html代码<img id="newImage" alt="100x100" src="__PUBLIC__/img/1.jpg" class="img-circle" width="100px" height="100px" ><input id="image" type=‘file‘ name=‘myFile‘ size=‘15‘ onchange="showPicture(this)"/> js代码function showPicture(imgFile){ // alert(window.URL.createObjectURL(imgFile.files[0])); /*获取上传文件的路径*/ document.getElementById("newImage").src = window.URL.createObjectURL(imgFile...
话不多说,直接贴代码! 将这段代码运行一下就OK了: <html xmlns=""> <head runat="server"> <title>根据IP地址获取所在城市</title> <scriptsrc="?format=js"type="text/ecmascript"></script> <script type="text/javascript"> function getIpPlace() { alert(remote_ip_info["province"] + "省" + ‘,‘ +remote_ip_info["city"] + "市") } </script> </head> <body> <form id="form...
我想获取select选中的value,或者text,或者……比如这个:<select id="select"> <option value="A" url="http://www.baidu.com">第一个option</option> <option value="B" url="http://www.qq.com">第二个option</option></select>一:JavaScript原生的方法1:拿到select对象: `var myselect=document.getElementById("select");2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JSDom获取图层节点</title></head><body><script type="text/javascript"> function getUsername() { var dom=document.getElementById("username"); var name=dom.value; alert(name); }</script><input type="text" id="username"><input type="button" value="获取用户名" onclick="getUsername()"></body></html>原文...
1、获取小数点位数方法 a、 使用 js 中 subsrting,indexOf,parseFloat三个函数,代码如下:var s = "22.127456" ;//s 为 字符串 ,substring、indexOf 只能对字符串使用var point = s.indexOf(".")+3;//获取小数点在字符串中的位置,并向后加3作为最后字符串结束位var str = s.substring(0,point) ;//获取0到point之间的字符串var data = str.parseFloat();b、 使用 js 中Math.round函数,代码如下:var num=22.127456; var...
//利用洗牌算法Array.prototype.shuffle=function(){ var i,t,m=this.length; while(m){ i=Math.floor(Math.random()*m--); t=this[m]; this[m]=this[i]; this[i]=t; } return this;}var arr=[1,2,3,4,5];console.log(arr.shuffle());console.log(arr.slice(0,2));原文:http://www.cnblogs.com/izengbin/p/6797503.html
function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 0; i < strs.length; i ++) { theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); } } return theRequest;}原文:http://www.cnblogs.com/tangguanglei/p/521...
/*** 获取上一个月** @date 格式为yyyy-mm-dd的日期,如:2014-01-25*/function getPreMonth(date) {var arr = date.split(‘-‘);var year = arr[0]; //获取当前日期的年份var month = arr[1]; //获取当前日期的月份var day = arr[2]; //获取当前日期的日var days = new Date(year, month, 0);days = days.getDate(); //获取当前日期中月的天数var year2 = year;var month2 = parseInt(month) - 1;if (month2 == 0) {year2 = pars...
问题的缘由产品有个评论列表引用的是个iframe,高度不固定于是引发这个总结。方法1:父级页面获取子级页面的高度 给元素设置高度这方法是用在父级页面里的,通过获取子级页面的高度给iframe设置高度涉及了一些兼容问题:IE用attachEvent | 3C用onload来判断子页面是否加载完成。IE用contentWindow | 3C用contentDocument来获取子页面IE用document.documentElement.scrollHeight(兼容ie6 ie7)| 3C用body.scrollHeight获取页面高度f...
效果:代码:<!DOCTYPE html><html><head><meta charset="UTF-8"><script type="text/javascript"> window.onload =function(){document.getElementById("username").value = getUrlParam("username");document.getElementById("nickname").value = getUrlParam("nickname"); }function getUrlParam(name) {var reg =new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");var r = decodeURI(window.location.search).substr(1).match(reg);...
function a(){var v=document.getElementsByName("radio");for(var i=0;i<v.length;i++){if(v[i].checked==true){alert(v[i].value); }}} 原文:http://www.cnblogs.com/123-4/p/3810106.html
这是在浏览器中的效果: 控制台打印出来的就是经度纬度的值代码如下:<!doctype html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"><title>浏览器精确定位</title><link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/><style>html,bod...
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title>addclass,removeclass,hasclass,toggleclass,getbyclass</title> </head> <body> <div class="div1" id="box1"></div> <input type="button" value="按钮" id="btn1"/> <script>function addClass(obj,cls) {//obj:要添加classname的元素,cls:要添加的classname;//如果原来没有class:if(obj.className == ‘‘){obj.className = cls;} else {//本来已经有c...
原文参考http://blog.csdn.net/lzding/article/details/463177771.写在dom上的属性,内联样式 <div id="box" style="background-color:#ccc;margin-top:100px;"></div> var oBox = document.getElementById(‘box‘) console.log(oBox.style.width) 1)对于复合属性(如background),假设行间设置了样式:background-color:#333,不能通过 element.style.background 来获取(见上面例子) 2)css属性使用驼峰法,如...
原代码(360安全浏览器的极速模式不兼容)function ImgAuto(i, MaxW, MaxH) { var o = new Image(); o.src = i.src; var w = o.width;//w等于null,别的浏览器未出现该问题 }图片需要重新再加载一遍function ImgAuto(i, MaxW, MaxH) { var o = new Image(); o.onload = function(){ var w = o.width; } o.src = i.src; }注: 把onload写到前面去,先告诉浏览器如何处理这张图片...