说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

jQuery Mobile 开发入门手册--组件

HTML文档下载 WORD文档下载 PDF文档下载
jQuery Mobile 组件:页面、对话框、工具条、导航、按钮、列表等组件的使用方法。

 

作者:张勇辉

 

组件

页面

jQuery Mobile 应用了 HTML5 标准的特性,在结构化的页面中完整的页面结构分为 header、

content、footer 这三个主要区域。

在 body 中插入内容块:

<div data-role="page"> 

<div data-role="header">...</div> 

<div data-role="content">...</div> 

<div data-role="footer">...</div> 

</div> 

data-role="page”代表这个 div 是一个 Page,在一个屏幕中只会显示一个 page;

header 是标题,content 是内容块,footer 是页脚

 

data-role 参数表:

 

参数说明

page 页面容器,其内部的 mobile 元素将会继承这个容器上所设置的属性

header 页面标题容器,这个容器内部可以包含文字、返回按钮、功能按钮等元素

footer 页面页脚容器,这个容器内部也可以包含文字、返回按钮、功能按钮等元素

content 页面内容容器,这是一个很宽容的容器,内部可以包含标准的 html 元素和jQueryMobile 元素

controlgroup 将几个元素设置成一组,一般是几个相同的元素类型

fieldcontain 区域包裹容器,用增加边距和分割线的方式将容器内的元素和容器外的元素明显分隔

navbar 功能导航容器,通俗的讲就是工具条

listview 列表展示容器,类似手机中联系人列表的展示方式

list-divider 列表展示容器的表头,用来展示一组列表的标题,内部不可包含链接

button 按钮,将链接和普通按钮的样式设置成为 jQueryMobile 的风格

none 阻止框架对元素进行渲染,使元素以 html 原生的状态显示,主要用于 form 元素。

 

完整的页面模版:

 

<!DOCTYPE html> 

<html> 

<head> 

<title>Page Title</title> 

<link rel="stylesheet" href="jquery.mobile-1.0a3.min.css" />

<script type="text/javascript" src="jquery-1.4.3.min.js"></script>

<script type="text/javascript" src="jquery.mobile-1.0a3.min.js"></script>

</head> 

<body> 

<div data-role="page">

<div data-role="header">

<h1>Page Title</h1>

</div><!-- /header -->

<div data-role="content">

<p>Page content goes here.</p>

</div><!-- /content -->

<div data-role="footer">

<h4>Page Footer</h4>

</div><!-- /footer -->

</div><!-- /page -->

</body>

</html>

以上是一个完整的页面结构模版代码,在使用过程中可以根据需要来组合。

 

页面动画:

 

data-transition 属性可以定义页面切换是的动画效果。

例如:<a href="index.html" data-transition="pop">I'll pop</a>

 

data-transition 参数表:

 

参数说明

slide 从右侧向左滑入页面

slideup 从底部向上滑入

slidedown 从上向下滑入

pop 从中心渐显展开

fade 渐显

flip 翻转

备注:如果想要在目标页面中显示后退按钮,可以在链接中加入 data-direction="reverse"属性,这个属性和原来的 data-back="true"相同,不知道在正式版本中将会保留哪个属性。

 

模态对话框

 

模态对话框是一种带有圆角标题栏和关闭按钮的伪浮动层,用于独占事件的应用。任何结构化的页面都可以用 data-rel="dialog"链接的方式实现模态对话框应用。

例如:<a href="foo.html" data-rel="dialog">Open dialog</a>

这个页面切换效果同样可以使用标准页面的 data-transition 参数效果。建议使用"pop"、"slideup"  和"flip"参数以达到更好的效果。

这个模态对话框会默认生成关闭按钮,用于回到父级页面。在脚本能力较弱的设备上也可以添加一个带有 data-rel="back"的链接来实现关闭按钮。

针对支持脚本的设备可以直接使用 href=”#”或者 data-rel="back"来实现关闭。还可以使用内置的”close”方法来关闭模态对话框,例如:$('.ui-dialog').dialog('close')。

由于模态对话框是动态显示的临时页面,所以这个页面不会被保存在哈希表内,这就意味着我们讲无法后退到这个页面,例如你在 A 页面中点击一个链接打开 B 对话框,操作完成并关闭对话框,然后跳转到 C 页面,这时候你点击浏览器的后退按钮,这时候将回到 A 页面,而不是 B 页面。

 

工具条

 

工具条主要用于”header”,”footer”等区域,用来支撑和实现页面中业务功能的应用。jQuery Mobile 提供了一个相对完整的解决方案。

工具条分为:标题(header bar),页脚(footer bar)和导航(nav bar)这三中应用。

其中标题和页脚在页面中有一些不同的应用方式,默认工具条是以嵌入(inline)的方式定位的,这种定位方式可以实现最大限度的兼容性,包括在对脚本和 css 兼容性不佳的设备都有很好的优化。

另一种是浮动(fixed)定位的方式,也可以成为“静态“定位,这种定位方式可以让工具条始终保持在屏幕的顶部或者底部。并可以接受点击事件来显示/隐藏工具条,已达到最大化利用屏幕空间的目的。

实现方式:在标题和页脚区域加入 data-position="fixed"属性。

 

标题容器

 

标题容器是页面页眉区域的显示控件,主要用来显示标题和主要操作的区域。

结构代码:

<div data-role="header"> 

<h1>Page Title</h1> 

</div>

为了方便页面的交互在页面切换后会在标题容器的左侧自动生成一个后退按钮,这样可以简化我们的开发复杂程度,但是有些时候我们会因为应用的需求而不需要这个后退按钮,可以

在标题容器上添加 data-backbtn="false"属性用来阻止后退按钮的自动创建。

标题容器的左侧和右侧分别可以放置一个按钮,在阻止自动生成的后退按钮后,我们就可以在后退按钮的位置来自定义按钮了。

例如:

<div data-role="header" data-position="inline" data-backbtn="false" >

<a href="index.html" data-icon="delete">Cancel</a>

<h1>Edit Contact</h1>

<a href="index.html" data-icon="check">Save</a>

</div>如果需要自定义默认的后退按钮中的文本,可以用data-back-btn-text="previous"属性来实现,或者通过扩展的方式实现:$.mobile.page.prototype.options.backBtnText = "previous"。

如果你没有使用标准的结构来创建标题区域,那么框架将不会自动生成默认的按钮。

 

页脚容器

 

页脚容器的结构和标题容器的结构基本相同,只要把 data-role 属性的参数设置为”footer”。

例如:

<div data-role="footer"> 

<h4>Footer content</h4> 

</div>

与标题容器相比页脚容器有更多的灵活度,它不会想标题容器一样只允许放置两个按钮,并且也不会默认的把按钮放置在左右的顶端,页脚的按钮默认是从左到右依次排列的,并且何以放置更多的按钮。

在页脚容器上只要添加一个 class="ui-bar"就可以将页脚变成一个工具条,你可以不用设置任何的布局样式就可以在其中添加整齐的按钮。

例如:

<div data-role="footer" class="ui-bar">

<a href="index.html" data-role="button" data-icon="delete">Remove</a>

<a href="index.html" data-role="button" data-icon="plus">Add</a>

<a href="index.html" data-role="button" data-icon="arrow-u">Up</a>

<a href="index.html" data-role="button" data-icon="arrow-d">Down</a>

</div>

如果我们需要一组链接效果,我们可以这样写:

<div data-role="footer" class="ui-bar" data-position="inline"> 

<div data-role="controlgroup" data-type="horizontal"> 

<a href="index.html" data-icon="delete">Remove</a> 

<a href="index.html" data-icon="plus">Add</a> 

<a href="index.html" data-icon="arrow-u">Up</a> 

<a href="index.html" data-icon="arrow-d">Down</a> 

</div> 

</div>

技巧:通过使用 data-id 属性可以让多个页面使用相同的页脚。

 

导航

 

导航容器是一个可以每行容纳最多 5 个按钮的按钮组控件,用一个拥有 data-role="navbar"

属性的 div 来容纳这些按钮。

例子:

<div data-role="footer">

<div data-role="navbar">

<ul>

<li><a href="a.html" class="ui-btn-active">One</a></li>

<li><a href="b.html">Two</a></li>

</ul>

</div><!-- /navbar -->

</div><!-- /footer -->

在默认的按钮上添加 class="ui-btn-active"

如果按钮的数量超过 5 个,导航容器将会自动以合适的数量分配成多行显示。

 

按钮

 

你可以将页面中的任何一个链接通过 data-role="button"来声明成为按钮的显示风格。为了风格统一,框架会在页面加载时自动将 form 类的按钮格式化为 jQuery Mobile 风格的按钮,不需要添加 data-role 属性。

框架中包含了一组常用的图标可以用于按钮,用 data-icon 属性中的参数来定义显示不同的图标效果。

例如:<a href="index.html" data-role="button" data-icon="delete">Delete</a>

data-icon 原生参数列表

除了可以默认显示左侧的图标之外,还可以用 data-iconpos 属性来定义图标与文字的位置关系。

 

data-iconpos 参数列表:

 

参数效果

right 图标在文字的右侧

top 图标在文字上面

bottom 图标在文字下面

data-iconpos="notext"属性可以让按钮隐藏文字。

内联样式

在框架中默认情况下按钮是横向独占根据屏幕宽度横向自适应的,但是我们在应用的应用中经常需要在一行中显示多个按钮,这时候我们就需要知道一个新的叫做内联模式的属性了

data-inline="true"。

例如:

<div data-inline="true">

<a href="index.html" data-role="button">Cancel</a>

<a href="index.html" data-role="button" data-theme="b">Save</a>

</div>

 

按钮组

 

jQuery Mobile 框架可以将几个按钮以组的方式显示,data-role="controlgroup"用以展示按钮

间的紧凑关系。例如:

<div data-role="controlgroup">

<a href="index.html" data-role="button">Yes</a>

<a href="index.html" data-role="button">No</a>

<a href="index.html" data-role="button">Maybe</a>

</div>

如果需要按钮横向排列可以增加 data-type="horizontal"属性。

 

表单应用

 

jQuery Mobile 框架为原生的 html 表单元素封装了新的表现形式,对触屏设备的操作进行了优化。在框架的页面中会自动将 form 元素渲染成 jQuery Mobile 风格的元素。

form 元素的使用和默认的 html 方式使用相同,可以同样使用 Post 和 get 方式提交数据,但是需要注意的是元素的 ID 命名问题,在常规的规范中同一个页面中是不允许出现相同的 ID命名的,在 jQuery Mobile 中由于其允许在同一个 DOM 中存在多个页面,所以建议 form 元素的 ID 命名在整个项目中是唯一的,防止由于 ID 问题引发的错误。

默认情况下框架会自动渲染在标准页面中的 form 元素的风格,一旦成功渲染后,这个控件元素将可以使用 jQuery 中的函数进行操作。在某些情况下,我们需要使用 html 原生的 form 元素,为了阻止 mobile 框架对该元素的自

动渲染,在框架中我们在 data-role 属性中引入了一个控制参数”none”。使用这个属性参数就会让该元素以 html 原生的状态显示。

例如:

<select name="foo" id="foo" data-role="none">

<option value="a" >A</option>

<option value="b" >B</option>

<option value="c" >C</option>

</select>

 

列表应用

 

信息列表是开发应用中使用频率相对比较高的控件,用于数据显示、导航,  数据列表等。为了适应不同的信息内容,列表的表现形式也多种多样。

列表的代码结构是以有序和无序列表来实现的,只要在 ul 或 ol 上声明 data-role="listview"就可以让框架以列表的方式渲染了,例如:

<ul data-role="listview" data-theme="g">

<li><a href="acura.html">Acura</a></li>

<li><a href="audi.html">Audi</a></li>

<li><a href="bmw.html">BMW</a></li>

</ul>

如果需要在列表里添加数据,则需要在数据加载后执行 refresh()方法对列表进行数据更新。

例如:$('ul').listview('refresh');

以上是运用 jQuery Mobile 进行界面构建的基础规则,后续将完善 Ajax 和动态创建页面的技术资料。

 

Google也节能:挖角美能源部Arun Majumdar博士 预测:云计算领域的5大变革 CTO俱乐部:移动信息化的创新实践及互联网创业 核心组图曝光:BlackBerry 10明年1月30日发布 “蛐蛐儿”创始人朱连兴:音频二维码的技术实现和应用场景 信恩科技创始人林兴陆:QR Code二维码的前世今生 2012移动开发工具盘点:傻瓜式游戏工具引擎 《福布斯》发布年度“未来之星” 扎克伯格上榜 Cloudera透露Impala发行版新功能及开源计划 Nokia落寞身影下 三星成为全球最大手机厂商 乐视网CTO:智能电视,一个诱人的议题 SeatGeek:Web设计师如何转型iOS开发? IE10支持HTML5标准拖放 IBM IT实践达人赛24强出炉 决赛圈比拼创新实践力 [简讯] Perl迎来25岁生日 软件开发者最重要的四大技能 为什么说惠普、戴尔和IBM在互联网发展中站错队 升级iOS 6还得看Google Maps 2012移动开发工具盘点:16大跨平台游戏引擎 GitHub Web游戏开发竞赛 获奖榜单出炉 Dart里程碑2发布 大幅提升dart2js性能 To Facebook:HTML5不好用?是你不会用! AWS推快照备份服务抵御宕机风险 靠谱吗? 微软品鉴会秀Windows 8电脑 上百款新设备年末上市 甩开外包,雄踞榜首:揭开“宫爆老奶奶”成功的秘密 IBM收购大数据公司StoredIQ 推动大数据传输能力 令人意外:前Windows部门总裁将去哈佛教书 舒迅:产品经理必读的九步法 独家爆料:Facebook移动客户端开发揭秘 一个独立开发者的自白:我如何在一年赚得60万美元 Dropbox收购Snapjoy 意欲打造媒体中心 DLL高手请入,关于在DLL中引出对象的问题?????? 求教!!有关DLL调用中返回字符串类型出错的问题。 Delphi怎么实现子类化? session 和 cookie 各有千秋,区别在那里啊?敬请赐教! fm1008leaf(小幻姬(玉笛书生的徒弟)):我考考你就知道你是真是假! jneu(沧海桑田)怎么不理我?有关宏拷贝问题 paradox中的NUM类型在sql语句中是什么类型?为什么asfloat会出错? 关于J2EE的就业前景,值不值的花二万元参加一个二十天的培训,欢迎大家热烈讨论 在listbox 中,如果知道了一个Item的内容,怎么知道它的indix 今有同仁问到,三十以后咋过。恰巧心情郁闷,发上几句牢骚。 少年暗恋对象,早已嫁作人妇。那天遇见街头,孩子叫我叔叔。 OICQ问题! 如何可获得Table 内字段的类型及长度? windows2000 server 的internet 共享怎样设置权限 软件开发的请进来讨论,关于报酬的问题。大家多提建议。 1.为什么有些地方可以用MessageBox函数,有些地方不可以2.mfc的CView::OnFilePrint提供了打印的方法,要是一个程序没有视图要打印一般用什么方法? 请问在DEVELOP2000里面可以使用进度条控件吗?怎么编程实现? ???oracle监听器问题? WebBrowser控件获得网页中文本框的名称该如何写? CFtpConnection 怎样在FastReport中控制或判断所连接的数据库表到了eof? CTypedPtrList模板对象中,如何删除指定位置的元素??十分着急! ms sql server 的技术问题 怎样清除事务日志????????? 在那里改个人在cdsn.net注册信息(如名字,地秩)? 关闭窗口的事件如何触发?( 高手们请问deiphi如何实玩宏代换???????????十分火急!!!!!!! 请帮忙!!SOS!!! 请问如何实现宏代换????????????? 关于打印的一个不错的设想 我是新手,初次接触网络管理,请问要管理局域网需要具备哪些方面的知识,需要安装那些应用软件?有什么好书可以介绍吗?谢谢各位! 在VB中设计控件,其上放有uText1、Text2,当uText1失去焦点时,并不触发Validate事件 如何在程序中判断是否做了超级连接? 怎样使listview中的大图标左右居中,上下居中。 怎么样处理聊天室的退出问题? 比较大的问题,请做过JAVA系统集成方案的朋友指点!!! applet,这个霸道的家伙!怎么解决阿? c++类的一个小问题 一个大家都很棘手的问题 关天构造函数的问题 学习《windows程序设计》中的问题? pb8里的autoscript怎么弹出那么慢 消息:c++与Visaul c是不是有一定的区别呢? 怎样通过程序获得当前可用的拨号网络列表?? 高手在哪里?-------> 如何在第一时间里获得屏幕的变化呢?及获得屏幕变化的那部分?各位大师,帮帮我。谢了。 请问想具备基本的网络和数据库管理方面的知识,看什么书好啊?请大家帮忙推荐一下,谢谢! 请教W2k下使用Access的问题 大家帮帮忙,sql菜鸟问题, 各位兄弟帮忙看一下 谁知道高程分数线?拜托告知一声! 如何判断是否做了超级连接? vc中怎样调用dos下的代参数的可执行文件???请教! 如何让TreeView控件的每一个子节点前有一个多选框! 食盐加碘为什么只可加碘酸钾而不可加碘单质或其他碘化合物? 食盐中碘含量 2011年高一化学期末检测试题最后一题取4、6g某有机物在氧气中完全燃烧,只有二氧化碳和水蒸气生成.现将生成的混合气体先通过足量硫酸,浓硫酸增重5、4g,再将剩余气体通过澄清石灰水生成 为什么要吃含碘的盐? 1.五水硫酸铜和硫酸铜溶液有什么区别?不是硫酸铜加水得到五水硫酸铜吗?2.硫酸铜溶液是由无水硫酸铜加水得来的吗?3.CuSO4·5H2O是属于化合物还是什么?4.水合结晶硫酸铜又是怎么回事?是什么 高一化学必修2期末试题 加碘食盐所含的碘元素是以什么形式存在的.单质还是化合物? 硫酸铜五水硫酸铜无水硫酸铜无水硫酸铜不能容解是吗?如果能溶解,那它的溶质叫什么?五水硫酸铜溶解以后的溶液叫五水硫酸铜还是硫酸铜?为什么?具体有什么区别? 无水硫酸铜在空气中短期放置是否会变色短期放置 能否在试验中用于测试空气中是否有水分?若不能 应怎样测试? 无水硫酸铜加水是化学反应吗? 如何由硫酸铜溶液怎么得到五水硫酸铜? 一包食盐质量为1kg,其中含碘酸钾5%,则这包食盐中含碘元素的质量是多少?答案是0.03kg,求过程. 无水硫酸铜吸水变蓝是化学反应么/ 高一化学题(气体摩尔体积计算)在标准状况下,11.2LCO和CO2的混合气体质量为20.4 g.求它们的体积之比和质量之比. 一包食盐质量为1kg其中含碘酸钾5kg则食盐中含碘元素的质量是?说出原因,写出计算过程. 无水硫酸铜溶于水是化学反应吗 一道高一化学题(关于气体摩尔体积计算)19世纪有些化学家测定某元素R的相对原子质量时,采用的办法是:用等容积的烧瓶4只,分别盛入N2、X、Y、Z四种气态物质,操作时先把烧瓶抽成真空,充 1kg某食盐中含碘35±15mg,则含碘酸钾应为多少克? 高一“碱金属”的化学计算题1-2个正确选项!标况下,CO2、CO的混合气体充满盛有足量NA2O2的密闭的22.4L的容器中.用火花使其反应完全.反应后,容器内有:()A.0.5molCO B.0.125molCO2 c.0.25mol NA2CO3 D.0.5 高一化学气体摩尔体积练习在同温,同压下,A容器的氯气和B容器的氨气中,若他们所含的原子数相等,则这两个容器的体积比是?A 2:1B 2:3C 1:2D 1:3 1kg食盐中最多含有碘元素的质量是多少? 化学计算题,关于金属的某样品为铜和锌的合金,为测定合金中铜的含量,取用20G此样品,分四次向其中加入稀盐酸与这充分反应.每次所用盐酸体积与反应剩余固体的质量如下:第次 样品质量(G CS2(常温下为液体)在氧气中充分燃烧生成SO2和CO2,若0.1mol CS2在1mol O2中完全燃烧,反应后气体混合物在标准状况下的体积是多少? 食盐中的碘含量是元素含量还是碘酸钾含量? 化学金属的计算题,急.小娟取CU-ZN合金的粉末32.5g,与该足量盐酸反应后,产生了0.4kg的气体,计算 出该合金中铜的质量分数. 高一化学题下列说法正确的是()A 28克氮气所含有的原子数目为NAB 4克金属钙变成钙离子时失去的电子数目为0.1NAC 1mol甲烷的质量与NA个甲烷分子的质量之和相等D 标准状态下,22.4L甲烷和乙炔混 物质的量 有关的计算题...已知K的氧化物有K2O2和 KO2,在这两种化合物组成的混合物中,钾和氧的质量之比为13:8,求混合物中K2O2和 KO2的物质的量之比.. 由某二价金属氧化物和某三价金属氧化物的等物质的量组成的混合物两者之比为28:51,取这种混合物19.75克,恰好能与166mL浓度为20%、密度为1.10g/立方厘米的盐酸反应.试求这两种金属的相对原 市场上有卖不含碘的盐吗?是什么品牌的? 氧化铬能够用碳还原么?请写出化学方程式最好能够注明相对分子质量我用重铬酸铵粉末制取了少量的氧化铬,现在我想用碳还原,因为氢气、一氧化碳不安全,敢问能否实现?有什么现象? 托盘天平两端的烧杯中各盛浓度和质量都相同的足量稀硫酸,此时天平平衡;然后向一烧杯中加入6克镁粉,向另一烧杯中加入6克铜铝合金,充分反应后,托盘天平仍保持平衡,则铝铜合金中铜的质 怎样测试盐含不含碘把土豆切开放点盐,土豆变色就是含碘,这种方法对吗? 盐有什么化学成份 食醋是不是白醋 【高一化学】检验碘的实验》》》卫生部规定食盐中必须加碘,其中碘以碘酸钾(KIO3)的形式存在.已知溶液中IO3(-)和I(-)可发生反应:IO3(-)+5I(-)+6H(+)====3I2+3H2O.据此反应,可用试纸和一些生活中 不含碘的食盐能吃吗 白醋是不是食醋? 设计一个试验检验含碘食盐中的碘试验原理,材料,仪器和要注意的问题 吃不含碘的盐好吗 白醋是不是叫食醋 检验食盐中的碘(实验)?验证食盐是否含碘,用一般家庭中有的东西能检验出来吗?如果不行的话,用用什么方法呢? 不含碘的食盐西安哪里有?盐务局?谁帮我问 请问水银和水会发生化学反应吗 无水硫酸铜与什么反应能变色还要在后面写出化学式 可使白色硫酸铜粉末变成蓝色晶体的气体是什么 砒霜和汞会产生什么化学反应?中药十九畏里已经明确说了``“水银莫与砒霜见”`` 两种药在一起用不但不会毒性相冲而消失``反而会比原来的毒性更强所以很好奇,砒霜和汞化学反应会产生什 氢气能使无水硫酸铜变色吗 白色CuSO4粉末通过什么会变成蓝色晶体 一道化学计算题 高一将6.9g钠和4.2g硅同时投入盛有足量蒸馏的大烧杯中 1、在标准状况下能收集到多少升氢气? 2、无气体生成后所得溶液体积恰好为100ml,求溶液中溶质的物质的量的浓度 无水硫酸铜放入水中变色是化学反应吗?是无水硫酸铜! 白色硫酸铜粉末加什么粉末变成蓝色晶体?化学式是什么 将氢氧化钠和碳酸氢钠的固体混合物20.8g在密闭容器中加热到约250℃,经充分反应后排出气体、冷却,称得剩余固体质量为15.9g.试计算混合物中氢氧化钠的质量分数.答案为68.1% ,如果是答案错了, 含碘食盐怎样日常保存?如题我想找些关于含碘食盐的日常保存的资料,做探究用的. 谁有高一化学上学期期末试卷 一道高一的化学计算题4.3gNa、Na20、 Na2O2的混合物语足量的水反应,生成0.36的混合气体,放点条件下,这些气体恰好完全反应,求各组成物质的质量.谢谢啦!可以顺便求出准确数值吗 怎么去除食盐里的碘 高一化学期末试题.在稀硝酸中加入CuO粉末,恰好将CuO全部溶解,溶解后无色溶液变____色.在所得溶液中加入过量铁粉,可得红色固体和浅绿色溶液,其反应方程式是____.滤出固体,在溶液中加入稀硫 我国规定食用加碘盐中碘元素的含量为每千克食盐含碘20ng-40mg.生产中通常加入碘元素的稳定化合物碘酸钾(KIO3)来达到这一生产标准.现有10t食盐,大约应加入多少碘酸钾?怎样才能使这些食 如何验证盐中含碘首先,在选购时应注意检验一下含碘量.用少许盐放入白瓷碗内,用水拦湿入微量漂白粉拌匀,再加入少量淀粉,搅拌观察.若盐中含碘,便呈蓝色,含碘越多,蓝色越深,若无碘则呈现 西宁2007-2008高一化学期末调研试卷
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn