javascript（23）
DataList控件所包含的控件在运行的时候，它的ID或name是类似的。我们可以通过获取控件的name值，从而得到ID值。
例子：DataList的ID为dlPG，DataList控件中包含CheckBox控件和HiddenField控件。那么，页面在运行的时候，DataList中的控件name为：dlPG$、数字$、控件ID 这3部分组成；ID为：dlPG_ 、数字_ 、控件ID这3部分组成。name和ID的区别为：name为$ 、ID为_ 。
我们在得到name值后，可以把$替换为_ 。而且，同一行同一列中的前2部分是相同的，如果我们想通过选中CheckBox值后得到HiddenField的值，那么，可以把CheckBox的ID替换为HiddenField的ID。这样就可以得到HiddenField的值了。
&&&&&&&&&&&&&&& var box = document.getElementsByTagName(&input&);
&&&&&&&&&&&&&&& for (var i = 0; i & box. i++) {
&&&&&&&&&&&&&&&&&&& if (box[i].type == &checkbox& && box[i].checked == true) {
&&&&&&&&&&&&&&&&&&&&&&& var Name = box[i]. //得到CheckBox的name
&&&&&&&&&&&&&&&&&&&&&&& var ID = Name.replace(/\$/g, &_&).replace(&pid&, &lbPids&);&
//把name中的$用_替换，并把CheckBox的ID值替换为HiddenField的ID值。
&&&&&&&&&&&&&&&&&&&&&&& Value += document.getElementById(ID).value + &,&;& //获取HiddenField中的值
&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& }
&&相关文章推荐
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：290694次
积分：5175
积分：5175
排名：第4736名
原创：191篇
转载：122篇
译文：44篇
评论：12条
(5)(3)(1)(4)(2)(8)(2)(7)(2)(1)(1)(5)(28)(13)(8)(19)(11)(41)(53)(73)(12)(45)(12)您所在位置： &
 &  & 
HTML5基本简介案例.pptx 49页
本文档一共被下载：
次 ,您可全文免费在线阅读后下载本文档。
下载提示
1.本站不保证该用户上传的文档完整性，不预览、不比对内容而直接下载产生的反悔问题本站不予受理。
2.该文档所得收入(下载+内容+预览三)归上传者、原创者。
3.登录后可充值，立即自动返金币，充值渠道很便利
需要金币：350 &&
你可能关注的文档：
··········
··········
HTML基础简介HTML简介超文本标记语言英文全称(HyperTextMarkupLanguage)，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。HTML语言特点简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。HTML发展史HTML2.0——1995年11月作为RFC1866发布，在RFC年6月发布之后被宣布已经过时HTML3.2——日，W3C推荐标准HTML4.0——日，W3C推荐标准HTML4.01（微小改进）——日，W3C推荐标准HTML5——日，W3C推荐标准HTML标题HTML标题HTML标题（Heading）是通过&h1&-&h6&标签来定义的。一共分为六级标题主要是放在&HEAD&&/HEAD&之间&h1&这是一个标题&/h1&&h2&这是一个标题&/h2&&h3&这是一个标题&/h3&HTML元素HTML文档由HTML元素定义。HTMLElement以开始标签起始,以结束标签终止。元素的内容是开始标签与结束标签之间的内容。大多数HTML元素可拥有属性。例如：&p&、&body&等开始标记内容结束标记&p&这是一个段落标记&/p&&ahref=“default.htm&&这是一个超链接&/a&&div&这是一个div布局&/div&HTML段落HTML可以将文档分割为若干段落段落是通过&p&标签定义的。&p&Thisisaparagraph&/p&&p&Thisisanotherparagraph&/p&如果您希望在不产生一个新段落的情况下进行换行（新行），请使用&br/&标签&p&Thisis&br&apara&br&graphwithlinebreaks&/p&HTML文本格式化HTML格式化标签HTML使用标签&b&与&i&对输出的文本进行格式,如：粗体or斜体标签定义 描述描述&b& 定义粗体文本&em& 定义着重文字&i& 定义斜体字&small& 定义小号字HTML文本格式化&strong& 定义加重语气&sub& 定义下标字&sup& 定义上标字&ins& 定义插入字&del& 定义删除字HTML超链接HTML使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。HTML使用标签&a&来设置超文本链接。超链接可以是一个字，一个词，或者一组词，也可以是一幅图像等。默认情况下，链接将以以下形式出现在浏览器中：一个未访问过的链接显示为蓝色字体并带有下划线访问过的链接显示为紫色并带上下划线点击链接时，链接显示为红色并带上下划线HTML超链接链接的HTML代码很简单。它类似这样：&ahref=“url&&链接文本&/a&HTML链接-target属性使用target属性，你可以定义被链接的文档在何处显示。&ahref=&/&target=&_blank&&访问我的网站!&/a&HTMLHead属性HTML&head&元素&head&元素包含了所有的头部标签元素。在&head&元素中你可以插入脚本（scripts）,样式文件（CSS），及各种meta信息。可以添加在头部区域的元素标签为:&title&,&style&,&
正在加载中，请稍后...JavaScript对象
Browser对象
HTML DOM对象
Datalist options 集合
遍历datalist控件的所有选项，并输出选项值：
var x = document.getElementById("mySelect");var txt = "";for (var i = 0;
i & x.options. i++)& {& txt = txt + x.options[i].value + "&br&";&
txt 输出结果为：
Internet ExplorerFirefoxChromeOperaSafari
定义和使用
options 集合返回datalist中所有选项的集合。
注意： 集合元素的排序按元素在代码中的位置排序。
浏览器支持
所有主流浏览器都支持 options 集合。
datalistObject.options
返回集合中选项元素的个数
一个整数，指定要检索的元素（从0开始）
item(index)
从集合 返回指定索引的元素
（从0开始）
namedItem(name_or_id)
从集合中以指定名称 (name 或 id 属性)返回元素
显示 datalist 元素个数:
var x = document.getElementById("browsers").options.
x 输出结果为：
返回datalist中第一个选项 (索引 0)的值:
var x = document.getElementById("browsers").options[0].
x 输出结果为：
Internet Explorer
item(index)
返回datalist中第一个选项 (索引 0)的值:
var x = document.getElementById("browsers").options.item(0).
x 输出结果为：
Internet Explorer
namedItem(name_or_id)
返回 datalist 中选项id="google" 的值:
var x = document.getElementById("browsers").options.namedItem("google").
x 输出结果为：
微信号：w3cschoolcn
意见反馈：
联系方式：这篇文章主要介绍了jQuery异步获取json数据方法的2种方式,并附上了示例,推荐给有需要的小伙伴. jQuery异步获取json数据有2种方式,一个是$.getJSON方法,一个是$.ajax方法.本篇体验使用这2种方式异步获取json数据,然后追加到页面. 在根目录下创建data.json文件: { &one& : &Hello&, &two& : &World& } ■ 通过$.getJSON方法获取json数据 复制
jQuery总是只返回第一个类标签的值,所以无法达到我们的要求,那么jQuery如何获取同一个类标签的所有的值,下面与大家分享方法 碰巧在开发的时候遇到这个问题,因为jQuery总是只返回第一个类标签的值,所以无法达到我们的要求. 比如: var btn = jQuery('.btn').val(); 获取的只是第一个类标签为btn的html元素的value值. 要获得一组类标签的所有html元素的值.就得使用jQuery的each遍历. 复制代码 代码如下: var btns = new Ar
Difference dom object: Through the javascript in the geElementsByTagName or getElementById to get the elements of Node, so get dom element is the dom object. Dom object can use the javascript in the method var domObj = docuemnt.getElementById(&id&quo
&body& &a href=&&& baidu go .......&/ a& &/ body& &script type=&text/javascript&& $ (function () ( / / $ ah to jquery object var $ ah = $ ( &# ah&); / / $ ah [0] to obtain dom
JQuery is the most popular JavaScript libraries, out of curiosity, I studied the jQuery source code, I use version is 1.3.2. In the next few articles, I will achieve a detailed Wapakhabulo jQuery. The first step is to build using jQuery jQuery object
We often carried out in the installation of a software or user registration will inevitably prompt the user to read and agree to the agreement and other documents. Here, we passed a small example of the DOM object and the jQuery object and their mutu
Just started learning jQuery, may be you could not tell what a moment jQuery object, which is a DOM object. The DOM object much to explain, we have come too much, concentrate on the following jQuery, and the conversion between the two. What is a jQue
&input type=&radio& name=&radioTest& value=&0&/& Suspicious &input type=&radio& name=&radioTest& value=&1&/& Normal &input type=&radio& name=&radioTest& value=&
1, jQuery object and convert DOM objects with each other 1. jQuery object transfer DOM object var $cr = $(&#cr&); //jQuery Object // Converted to a DOM object , The index number start from 0 , Select the corresponding node var cr = $cr[0]; // Or
Just started learning jQuery, may be you could not tell what a moment jQuery object, which is a DOM object. The DOM object much to explain, we have come too much, concentrate on the following jQuery, and the conversion between the two. What is a jQue
What is a jQuery object? --- Is packed jQuery DOM object through the resulting object. jQuery jQuery object is unique, it can use jQuery in the method. For example: $ (&# Test&). Html () means: to get the element ID for the test within the html
Leisure time with jQuery recently carried out a multi-file upload stuff, point the way to write notes. Has been obtained for the way through the jQuery object so that JavaScript can not directly use some methods, the beginning did not understand, and
Like an introduction to jquery efficient, especially when used in ajax, especially cool! But in fact just stay in the use of it, even the most basic jquery object is not clear what is the tragedy. The results need to do a few days to operate jquery d
Just started learning jQuery, may be you could not tell what is jQuery temporary object, which is a DOM object. The DOM object not much explanation, too many of our contacts, the following highlights about jQuery, and the inter-conversion between the
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&& &html xmlns=&http://www.w3.org/1999/xhtml&& &head& &meta http-equiv=&Content-
&!DOCTYPE HTML PUBLIC &-//W3C//DTD HTML 4.01//EN& &http://www.w3.org/TR/html4/strict.dtd&& &html& &head& &meta http-equiv=&Content-Type& content=&text/ charset=utf-8&& &title&Untit
这篇文章主要介绍了如何解决jQuery动态获取手机屏幕高和宽的问题,需要的朋友可以参考下 今天帮同事解决了用jQuery获得动态的手机屏幕宽高的问题. 问题的起因是,当同事用了一个需要全屏滚动的图片控件时,需要获得屏幕的高度来设置图片为全屏.但是他用$(window).height()始终无法第一次拿到高,刷新一下后就可以,我尝试了使用window.onload=function(){}来解决,发现依然无法成功. 最后,我认为一定是因为第二次刷新时,浏览器有了缓存,所以就可以拿到了高,那么肯定是
利用jquery的获取JS文件中的字符串内容的代码,需要的朋友可以参考下 &script type=&text/javascript& src=&/ajax/libs/jquery/1.4.1/jquery.min.js&&&/script& &script type=&text/javascript&& var _url = &http://www
table在使用中比较广泛,下面与大家分享下JQuery操作/获取table的基本方法,感兴趣的朋友可以参考下哈 //nav_box 表格名称 $(&#nav_box tr&).each(function (i) { //var text = $(this).children(&td:first&).text(); //var proid = $(this).find(&input:hidden&).val(); //alert(&pr
这里获得标签名为大写,如:A , DIV,需要的朋友可以参考下 jquery如何获取一上元素的名称比如 &div id=&aa&&dd&/div& $(&#aa&).xxxmethod 昨到&div& jquery如何获取一个元素的名称比如 &div id=&aa&&dd&/div& $(&#aa&).xxxmethod 得到&div& [
这篇文章介绍了jQuery中获取Radio元素值的方法,有需要的朋友可以参考一下 又发现自己写的JavaScript代码在FireFox下运行出错,原因很郁闷,在获取一个Radio元素的值的时候只得到了 undefind. 谷歌了一下,大多跟我用的方法是一样的 var value = $(&input[name='radio1'][type='radio'][checked]&).val(); 这句在IE.Safari(3.2)下测试通过,但是在FireFox.Chrome下却得不到选
jquery中获取select选中值的代码,需要的朋友可以参考下. jquery获取select选择的文本与值 获取select 选中的 text : $(&#ddlregtype&).find(&option:selected&).text(); 获取select选中的 value: $(&#ddlregtype &).val(); 获取select选中的索引: $(&#ddlregtype &).get(0).select
这节我们将通过jQuery来获取DropDownList的Text/Value属性值,需要的朋友可以参考下 界面代码: &form id=&form1& runat=&server&& &div align=¢er&& &fieldset style=&width: 400 height: 80&& &p& 选择颜色:&/p& &asp:Dr
在一下网页中,一些人会用到iframe,dom获取页面中的iframe还是很简单的 父窗口中操作iframe:window.frames[&iframeChild&].document //假如iframe的id为iframeChild 在子窗口中操作父窗口:window.parent.document 那么,用如果想用jquery的方法,我们怎么用jquery来获取iframe呢?下面是一下收集来的方法. 获取页面的对象其实就是dom方法外面加上jquery的选择符: 父窗口中操作i
按照插入的图片的尺寸来判断图片是横图还是竖图.然后判断过后给予不同的展示方式,下面为大家介绍下js和jquery如何获取图片真实的宽度和高度 1.什么时候需要获取图片真实的宽度和高度 在做pc网页的时候,有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图.然后判断过后给予不同的展示方式! 另外一种就是在手机页面上,在新闻页插入的图片往往都是按照图片的原尺寸来展示,如果手机屏幕太小,太大的图就会超出去!这时候有两种解决办法 1)给所有的图片加上这样的样式 1 .news img{margin
本篇文章,小编将为大家介绍,关于jQuery object and DOM element,有需要的朋友可以参考一下 源起: &div id=&test1&& &span&text1&/span& &span&text2&/span& &span&text3&/span& &/div& 想取得span element 里面的文本, 发现$(&#test1 span&)[0
这篇文章主要介绍了JQuery异步获取返回值中文乱码的解决方法,除了正常的编码设置需要统一外,还要设置一个setCharacterEncoding才可以避免乱码,需要的朋友可以参考下 用jqgrid异步获取列表值,遇到个问题,服务器端从数据库取到的数据没有出现中文乱码问题(日志打出来是没有乱码的),但是异步传到客户的时候却出现了乱码. 服务器端已经编码过了(UTF-8编码).开始一直怀疑是客户端的问题,比如客户端和服务器端编码不一致啊,也怀疑是不是jqGrid工具函数中少配了 contentTy
这篇文章主要介绍了jquery中获取元素里某一特定子元素的代码,需要的朋友可以参考下 之前做的一些JQUERY应用都是些很基础的编程,对于选择器要求不高,像类似于&$('.class')&.&$('#id')&.&$('#id&.class')&.&$(this)&.&$(this).parent()&.&$(this).children()&这些简单的语句都能解决的. 问题的出现
jquery中获取当前鼠标的x.y位置位置的代码,需要的朋友可以参考下. &div id=&testDiv&&放在我上面&/div& &script type=&text/javascript&& $('#testDiv').mousemove(function(e) { var xx = e.originalEvent.x || e.originalEvent.layerX || 0; var yy = e.originalEv
jquery中获取元素的几种方式小结,需要的朋友可以参考下. 1 从集合中通过指定的序号获取元素 html: &div& &p&0&/p& &p&1&/p& &p&2&/p& &p&3&/p& &p&4&/p& &p&5&/p& &p&6&/p& &p&7&/p& &/div& JS 复制代码
/根据value获取key public static String getKeyByValue(int value, Map&String, Integer& map) { String str=&&; for (String key : map.keySet()) { int tvalue=map.get(key); if (new Integer(value)==tvalue ) { str+=key+& &; } } }
小伙伴写了个.ocx给我,来实现在IE里用&object&获取,并用js调用.ocx的方法去控制XX硬件 Error[1],.ocx注册失败,提示如下: 解决[1]如下: 首先需要下载个工具Dependency Walker -& 传送门 有32位/64位的,自己注意选择,不需要安装. 使用工具打开要注册的.ocx后是这个样子的: 黄色?问号 + 红色错误 就是你OS里缺失的.dll 去下载来扔到System32目录下,这里推荐到pchome去下载 -& 传送门 然后重新注册.oc
这篇文章主要介绍了jQuery如何分别获取选中的复选框值,需要的朋友可以参考下 function jqchk(){ //jquery获取复选框值 var s=''; $('input[name=&aihao&]:checked').each(function(){ s+=$(this).val()+','; }); 点击&提交&后,可以得到正确的选择值了,但是后面多一个,(英文逗号),这个可以检测一下再用substring去除,或者获取到复选框选择值后一般都要转成数
其实就是利用了jquery的ajax功能,获取远程的xml文件,读取指定内容的代码,对于学习jquery的朋友是个不错的参考. &html& &head& &title&&/title& &script type=&text/javascript& src=&http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js&&&/script& &s
获取获得时间差.时间格式的方法有很多,下面为大家介绍下使用jquery及js实现的功能代码 调取 GetDateDiff(start, end, &day&) /* * 获得时间差,时间格式为 年-月-日 小时:分钟:秒 或者 年/月/日 小时:分钟:秒 * 其中,年月日为全格式,例如 :
01:00:00 * 返回精度为:秒,分,小时,天 */ function GetDateDiff(startTime, endTime, diffType) { //将xxx
今天在做一个项目功能时需要显示checkbox选项来让用户进行选择,由于前端不是很熟练,所以做了一个简单的Demo,其中遇到一些小问题,特记录下来,希望能帮到遇到类似问题的同学们 1. 获取checkbox的选中项 2. checkbox选项的全选 反选操作 用于测试的checkbox代码段: &div& &input type=&checkbox& name=&abc& value=&一年级& id=&in1&quo
使用jquery.C#获取CheckBoxList选择项,实现如下,感兴趣的朋友可以参考下 .checkboxlist label { margin-right: 20 } 复制代码 代码如下: $(&#ddlplatform input:checkbox:checked&).each(function () { label += $(this).next().html(); }); 复制代码 代码如下: &asp:CheckBoxList ID=&q
这篇文章主要介绍了JQuery如何设置获取下拉菜单某个选项的值(比较全),需要的朋友可以参考下 JQuery获取和设置Select选项 获取Select : 获取select 选中的 text : $(&#ddlRegType&).find(&option:selected&).text(); 获取select选中的 value: $(&#ddlRegType &).val(); 获取select选中的索引: $(&#ddlRegTyp
获取复选框的值的方法有很多,举不胜举,在本文将为大家介绍下jquery是如何获取复选框的值的,感兴趣的朋友不要错过 &!DOCTYPE html PUBLIC &-//W3C//DTD HTML 4.01 Transitional//EN& &http://www.w3.org/TR/html4/loose.dtd&& &html& &head& &mce:style&&!-- --&&/mce:st
用jquery实现的获取mouse坐标的实现代码,需要的朋友可以参考下. /* * Copyright (c) 2010 刘建华 * * The above copyright notice shall be * included in all copies or substantial portions of the Software. * Example: &div style=&height:1000px&&demo&/div& &div id=&q
由于要获取某列中的一个ID值,如果用JS传值的方式此问题就不存在,由于此次用到的都是jquery插件,包括各种弹出框,用JS传值就得用JS那丑陋的弹出框,所以,你懂得 花了一晚上的时间解决了一个看似很容易的问题.今晚做的这个东西中由于要获取某列中的一个ID值.如果是用平常的那种JS传值的方式此问题就不存在,但是由于此次用到的都是jquery插件,包括各种弹出框,用JS传值就得用JS那丑陋的弹出框,所以,你懂得. 网上找了很多方法,用起来都不行,后来想到了jquery中的鼠标事件,可以在鼠标经过t
这篇文章主要介绍了Jquery方式如何获取iframe页面中的Dom元素,需要的朋友可以参考下 测试页面代码: &html& &head& &title&jquery方式,访问iframe页面dom元素&/title& &meta name=&Author& content=&孙勤波&& &meta http-equiv=&Content-Type& content=&t
function jqchk(){ //jquery获取复选框值 var s=''; $('input[name=&aihao&]:checked').each(function(){ s+=$(this).val()+','; }); 点击&提交&后,可以得到正确的选择值了,但是后面多一个,(英文逗号),这个可以检测一下再用substring去除,或者获取到复选框选择值后一般都要转成数组再使用的,所以也可以在转成数组后,去除最后一个数组元素. if (s.leng
jquery by default access is $ dom, but my $ js procedures have been occupied, so the program told me jquery conflict. Can be resolved through the following programs: A, jQuery library before the import of other libraries, direct use jQuery (callback)
今天遇到了获取文字宽度的问题,在网上找到了不错的方法并成功使用到了项目中,有类似情况的朋友可以参考下 今天遇到了获取文字宽度的问题,查了很久,终于在一个国外网站上找到了方法,但是不能直接使用,于是修改了一下,成功使用到了项目中,在这里分享给大家. 首先在body标签最后添加一个子标签: &span id=&ruler&&test&/span& 然后添加相应的css代码: 复制代码 代码如下: #ruler { visibility: white-
$(function () { $(&#btnGetIP&).click(function () { var jqxhr = $.getJSON(&?callback=?&, function (data) { alert(data.ip); }) .error(function () { alert(&error&); }) }); }); 之前有人问我 getJSON错误,请先引用jquery
今天正好用到这个,就网上搜了搜,贴出来了.需要的朋友可以参考下. function getTotalHeight(){ if($.browser.msie){ patMode == &CSS1Compat&? document.documentElement.clientHeight : document.body.clientH } else { return self.innerH } } function getTot
页面设计过程中,我们可能会需要一些联动来控制时间.比如租用商品.当选择租用起始时间的时候.还取时间自动加1. 因为js显示时间在页面取得后.是字符串类型.所以要先转换成时间格式.然后对天数加1 .然后AJAX动态提交数据,改变页面其他变动值. 核心代码: $(&#realInp&).click(function() { WdatePicker({ minDate : '%y-%M-%d', doubleCalendar : true, onpicked : cal }); }); $(
This is my code (a simple jquery test): &% @ Page language = &java& import = &java.util .*& pageEncoding = &utf-8&%& &% String path = request.getContextPath (); String basePath = request.getScheme ()+&://&+
这篇文章主要介绍了Jquery如何获取指定标签的对象及属性的设置与移除,需要的朋友可以参考下 1.先讲讲JQuery的概念,JQuery首先是由一个 America 的叫什么 John Resig的人创建的,后来又很多的JS高手也加入了这个团队.其实 JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用简单的一些代码实现一些复杂的JS效果. 2.JQuery实现了代码的分离,不用再网页中加入如:onclick之类的事件来调用函数了,直接引入JQuery类库和
Copyright (C) , All Rights Reserved.
版权所有 闽ICP备号
processed in 0.060 (s). 11 q(s)
