接触过Angularjs的都知道,ng支持双向绑定,我们可以轻轻松松的通过ngModel将我们的值绑定到界面,当修改了值提交表单的时候不需要再重新通过ID去重新抓取输入框信息了。那对于我们开发前台网站,不用ng一类的MVVM框架,只引用了Jquery,那么在处理表单的时候该怎么做呢。一. 原始做法<p id="form"><select id=select1><option value="">--请选择--</option><option value="1">--1--</option><option value="2">--2--</option><opti...
大家最熟悉的原生js操作样式的方法非DOM中的Style对象莫属了,但是这个方法只能获取和修改html文档中的内联样式,无法操作非内联样式(内部样式和外部样式表)。获取样式1. dom style这个方法只能获取内联样式:var text = document.getElementById(text); var textColor = text.style.color;// 得到textColor的值为 #0002. currentStyle这个方法只适用于IE浏览器,在形式上与element.style相近,区别在于正如currentStyle其名——...
常见的获取元素的方法有3种,分别是通过元素ID、通过标签名字和通过类名字来获取。getElementByIdDOM提供了一个名为getElementById的方法,这个方法将返回一个与之对应id属性的节点对象。使用的时候请注意区分大小写。它是document对象特有的函数,只能通过其来调用该方法。其使用的方法如下:该方法兼容主流浏览器,甚至包括IE6+,可以大胆使用。getElementsByTagName该方法返回一个对象数组(准确的说是HTMLCollection集合,它不...
function getUrlParameter(strParame){var args = new Object( );var query = location.search.substring(1);var pairs = query.split("&");for(var i = 0; i < pairs.length; i++) {var pos = pairs[i].indexOf(=);if (pos == -1) continue;var argname = pairs[i].substring(0,pos);var value = pairs[i].substring(pos+1);value = decodeURIComponent(value);args[argname] = value;}return args[strParame];}var id=getUrlPara...
本文主要介绍了JavaScript获取URL参数的方法。具有很好的参考价值。下面跟着小编一起来看下吧若地址栏URL为:abc.html?m=tomms&c=allsearchlist&pageNo=1&pageNum=20&text=1<script>//Javascript获取url,并把url中的参数变成数组的方法,arr数组的值就是各参数值var url = window.document.location.href.toString();var u = url.split("?");var arr = [];if(typeof(u[1]) == "string"){u = u[1].split("&");for(var i in u){var ...
前言网上关于利用Javascript获取图片原始宽度和高度的方法有很多,本文将再次给大家谈谈这个问题,或许会对一些人能有所帮助。方法详解页面中的img元素,想要获取它的原始尺寸,以宽度为例,可能首先想到的是元素的innerWidth属性,或者jQuery中的width()方法。如下:<img id="img" src="1.jpg"><script type="text/javascript">var img = document.getElementById("img");console.log(img.innerWidth); // 600 </script>这样貌似可...
当然,我们也可以用正则直接匹配,文章中也给出了一个正则的例子。 分解链接的方式: <script type="text/javascript"> <!-- // 说明:Javascript 获取链接(url)参数的方法 function getQueryString(name) { // 如果链接没有参数,或者链接中不存在我们要获取的参数,直接返回空 if(location.href.indexOf("?")==-1 || location.href.indexOf(name+=)==-1) { return ; } // 获取链接中参数部分 var queryString = locatio...
以下是使用Javascript获取浏览器中的完整的信息.<pre name="code" class="html"><html> <head> <title>JS完整获取IE浏览器信息</title> </head> <body color="red" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="435" border="1" cellspacing="3" cellpadding="0"><tr><td>浏览器类型</td><td> <script>document.write(navigator.appName)</script></td></tr><tr><td >浏览器版本</td><td > <scr...
有时候,我们需要得到窗口拖动或者鼠标移动的距离,此时可以通过计算鼠标前后在页面中的位置来得到想要的结果,下面介绍几个事件属性:1、客户区坐标位置 鼠标事件都是在浏览器视口中的特定位置上发生的。这个位置信息保存在事件对象的 clientX 和 clientY 属性中。它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标(不包括页面滚动的距离)。如下图所示:var div = document.getElementById("myDiv"); //获取元素 Event...
本文给大家分享两种方法使用js获取url中的参数,其中方法二是使用的正则表达式方法,大家可以根据需要选择比较好的方法,废话不多说了,直接看详细介绍吧。方法一://取url参数 var type = request("type") function request() { var query = location.search; var paras = arguments[0]; if (arguments.length == 2) { query = arguments[1]; } if (query != "") { if (query.indexOf("?") != -1) { query = query.split("?")[1];...
用js做时间校正,获取本机时间,是存在bug的。使用js也可获取到服务器时间,原理是使用 ajax请求,返回的头部信息就含有服务器端的时间信息,获取到就可以了。以下:1、依赖jQuery代码:function getServerDate(){ return new Date($.ajax({async: false}).getResponseHeader("Date")); } 以上函数返回的就是一个Date对象,注意在使用ajax时必须同步,要不然无法返回时间日期。无需填写请求链接;如果服务器时间和本地时间有时差...
URL即:统一资源定位符 (Uniform Resource Locator, URL)完整的URL由这几个部分构成:scheme://host:port/path?query#fragmentscheme:通信协议常用的http,ftp,maito等host:主机服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。port:端口号整数,可选,省略时使用方案的默认端口,如http的默认端口为80。path:路径由零或多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。query:查询可选,用于给动态网页(如使用C...
XML在Web开发中使用很广泛,通常作为数据传递的载体。一般将数据传递给前端的时候,需要用JavaScript解析后才能使用。所以,用JavaScript解析XML是使用得非常普遍的。有以下一个XML文件:<?xml version="1.0" encoding="ISO-8859-1" ?> <note><to>duncan</to> <from>John</from> <heading>Reminder</heading> <body>Dont forget the meeting!</body> </note>可以使用下面的方法解析:<html> <head> <script type="text/javascrip...
注意: 针对单个复选框的情况![javascript]var obj = document.getElementById("tt"); var value = obj.checked; alert(value);// 若选中,则返回true,否则返回false obj.checked = false;// 设置复选框为不选中状态
在html中标准下拉框很常用,经常有这样的需求在下拉框改变的时候我们需要获取它的文本或值。初学JS的朋友经常会把它的值和文本搞错,把两者混为一谈。有的时候还会歪打正着,因为经常我们的值就是我们的文本,但是实际它们是不同的东西。下面我们来举个例子。我们先建立一个下拉框,如下:[html] <select name="selOp" id="selOp" onchange="GetSelValue();"> <option selected value="a">a1</option> <option value="b" >...