web前端页面取值的几种方式 - 博客频道 - CSDN.NET
等得云开见月明
/aturbofly/bdmLib
分类：web开发
抽时间总结一下web前端HTML代码段里面取值的一些方法。可能不全。也有可能有些描述不是很准确，欢迎补充和修正。
1.&&&&&&前台往后台传值，通过提交表单，在后台有set,get方法，可以直接取到。如果通过request.getParameter(paramName) 去获取通过会报空指针异常。 其中request是HttpServletRequest的实例。解决的方法是，在后台action类里面定义request的get/set方法。其中get方法要这样写：
& & & & & & & & & & & & & & & & & & & & & & &public HttpServletRequest getRequest() {
& & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & if (request == null)
& & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & request =ServletActionContext.getRequest();
& & & & & & & & & & & & & & & & & & & & & & & & & & & & & &
& & & & & & & & & & & & & & & & & & & & & & & & & & &}
这时，通过getRequest().getParameter(paramName)就可能成功的获取前台传过来的请求参数值。
顺便提一句，并不是前台提交表单的每个表单域都会生成请求参数的，而是有name属性的表单域才生成请求参数。如果有多个表单域有相同的name属性，则多个表单域只能生成一个请求参数，只是该参数有多个值。如果某个表单域设置了disabled=“disabled”，则该表单域不再生成请求参数。
2. & &这样立马可以得到第一种前端页面取值的方法。对于表单内，属性有name的表单域，只要在后台有这个name属性的值一样的成员变量的get/set方法。该表单域的值就可以自动获取了。比如&input name=”ask” type=”text” value=””/&， 在后台action里面定义了一个成员变量ask,且有setAsk() 和getAsk()方法，&inputname=”ask” type=”text” /&的value就可以动态从后台设置获取。
3.&&&&&&第二种获取值的方法：EL表达式：${param}。不管是后台传来的值，还是其他前端页面传来的值，都可以通过${}获取到。后台传过来的属性值（也就是在后台通过setAttribute()方法设置的属性）也可以通过EL表达式取得。顺便提一下。在前端页面通过request.setAttribute()设置的属性值，在后台，以及跳转页面都获取不到（原理不熟，不过感觉不应该，但尝试下是这样的情况）。
4. & 通过struts2标签获取：&s:property value=””/&。其中这里需要注意一点：value属性取值，什么时候要加“#”，什么时候不用加？
& & & &回答：如果取ValueStack中的值时，是不需要带#的，可以直接取。比如Action实例的属性值是存储在ValueStack中的，所以取Action中的属性是不需要带#号的。注意在使用&s:iteratorid=&it&
value=&attrName&&时，后使用it去取对象属性时，是需要加#号的。取Stack Context里面的值，都需要加#。
& & & & 可能有读者不知道ValueStack和分别存储什么。
& & & &这里在帮大家贴出网上别人给出的答案：（常见的）
& & & &valuestack：action所有成员变量，fieldErrors，actionErrors，actionMessage，exception以及你自定义的拦截器或action里自己写进去的变量
& & & &Stack Context：parameters、request、session、application、pageContext这些web容器内置对象，还有就是页面通过&s:set/&&s:iterator/&等标签设置的临时变量.
& & & 最直接的查看的方法是在页面添加&s:debug&&/s:debug&.然后在浏览器中打开该页面就可以看到这样的链接。点进去就可以看到这两个里面究竟存储了什么。非常方便。
& & & &使用&s:debug&&/s:debug&可以发现，在Stack Context里面有三个key：action、request、attr.
& & & & 我们也可以通过这三个key，在web前端获取值。比如，在action里面有参数值param.在页面除了这样获取：
& & & & & & & & & & & & & & &&${param}、&s:property value=&param&/&。
& & 还可以这样：${action.param}, & &&s:property value=“#action.param”/&，&s:property value=“#request.param”/&
& & 但是不可这样${ request.param}
& & 对于属性值。可以这样获取：${attribute},但是不可以这样&s:property value=“attributeName”/&。还可以这样：${ attr.attrubiteName},但不可以这样：${request.
attributeName&}。还可以这样：&s:property value=&#attr.attributeName&&/&，&s:property value=&#request. attributeName&/&。
特别注意：EL表达式不能在struts2标签中使用：&s:property value=&${param} &/&是错误的：。
排名：千里之外
（17）（13）（6）（2）（4）（1）（6）（1）（1）（5）（1）（1）（8）（1）（7）（3）（3）（5）新鲜实用！20款为前端和网页设计师准备的代码工具
毫无疑问，高效的代码工具能够让前端和网页设计师的工作事半功倍。实用的代码工具不仅能够帮你更为有效的应付不同类型的任务，还能帮助你的项目更为有效的推进。
今天推荐的前端代码工具能够让你拥有更为富有成效的工作流程，这些工具涉及到字体、色彩、PSD、HTML/CSS等多个不同的环节。合理的选取适合你的工具，并且运用到对的项目当中，当有奇效。
HTML COLOR CODES
如果你需要 HTML 色彩代码，那么通过这里的取色器、色表，可以帮你快速获取 Hex值，RGB和HSL值，对于设计师和前端而言非常实用。
Font Flame 是一个帮你无忧无虑地选取网站字体的服务，它会让选取字体成为一种充满乐趣的过程。
PURE CSS APPLE
这是一个纯粹的苹果设备的代码转换工具，全程只涉及到一些CSS3动画和一些JS代码。
Codesign 是一个超级方便的在线工具，能够让你的设计拥有组织明确、快速干净的视觉反馈。
PIXELMAPGENERATOR
PixelMapGenerator 是一个帮你制作高交互性、创意十足的地图的工具，你可以帮你保存成为图片或者JS代码，便于网站使用。
Drop.js 是一款JS库，可以帮你生成各种下拉框按钮等控件或者元素。
APOSTROPHE
Apostrophe 是一个基于Node.JS 和MongoDB 的内容管理系统，它可以帮你创造复杂的内容驱动的网站。
Gradify 可以帮你从照片中找到主色调，并且生成一套可拓展、响应式的CSS渐变色代码。
无需编写代码，Xposlt 可以以可视化的方式动态编辑你的HTML文件 ，它还是一个开源的内容管理系统。
PARADEISER
Paradeiser 主要是帮你解决响应式网页设计中最关键的元素之一——导航。
COPYNHASTE
不论你是不是程序员，这个网站都能作为一个展现你打字技能的平台而存在。
CODEDOODL.ES
CodeDoodle 是一个用来策划创意代码涂鸦的地方，你在这里能够看到各种各样优秀有趣的动画。
IOS COLORS
这个网站会为你提供一系列基于iOS的色彩或者渐变色彩的合集，值得试试。
在Frontify 的帮助下，你能创造许多漂亮的样式，并且轻松地保存。
COHESIVECOLORS
Cohesive Colors 是一款能够帮你创造充满凝聚力配色方案的工具。
FlexBox 能够帮你免费学习CSS Flexbox，你可以从免费提供的20个视频中了解到关于CSS FlexBox 的知识。
GRID LAYOUT
这是一个轻量级的栅格系统，可以兼容横向和纵向的Web应用，最关键的是它还保留了对于旧版浏览器的支持和兼容。
这是一个为前端所准备的基于CSS的工具，快速而强健是它的特色。
Wallop 是一个仅有4kb 的库，帮你实现一款极简的轮播图，用来展示图片等内容。
EXPORT KIT
Export Kit 是一款进阶的PS插件，帮助用户将PSD转化为HTML、CSS甚至是Wordpress主题、jQuery代码，甚至能够兼容到Android平台。
【技多不压身的设计师才有高薪资！】
平面设计： 《超赞！设计师完全自学指南》
交互设计： 《交互设计师修炼指南！教你从零开始成为优秀交互设计师》
UI设计： 《超实用新手指南！零基础如何自学UI设计？》
： 《天猫高手来教你！零基础如何系统地学习前端开发？》
抠图技巧： 《从菜鸟到高手！PHOTOSHOP抠图全方位攻略》
配色方案： 《色彩搭配速成！3个实用方法帮你全面搞定配色》
DPI指南： 《基础知识学起来！为设计师量身打造的DPI指南》
交互设计自学路径图： 《零基础入门！给非科班生的自学路径图之交互设计篇》
原文地址： webdesigndev
优设译文：@陈子木
本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。
【优设网 原创文章 投稿邮箱：】
最新教程周点击榜
微信扫一扫怎么把一个完整的图片给做成HTML页面，并且图片有链接？
根据不同的设计图采取不同的方案。你可以用table布局，可以用&map&+&area&标签，可以用CSS绝对或相对定位一个&a&的位置。
使用&area&标签：&img src="planets.gif" alt="Planets" usemap ="#planetmap" /&
&map id="planetmap"&
&area shape ="rect" coords ="0,0,110,260" href ="sun.htm" alt="Sun" /&
&area shape ="circle" coords ="129,161,10" href ="mercur.htm" alt="Mercury" /&
&area shape ="circle" coords ="180,139,14" href ="venus.htm" alt="Venus" /&
很久很久以前，人们喜欢大大的图放上去，再用map标签指定图片的可点击热点。后来流行方块切图的方式，许多图片处理工具里面有，印象中Firework可以导出切片图片文件带html，核心考虑是加载速度。现在一般分层分块，背景是背景，该平铺的平铺。另外哪里有图就放图，哪里有字就放字。该哪里有链接就放链接。不推荐把所有东西做在图片里面然后想要把这个图片直接变成网页的想法，纯美工不会网页的常有此想法。从网页角度这种做法不利于SEO，严重影响页面载入速度，文本信息无法复制
一个图片是不能直接变成html文件的。图片跟html文件有两种关系一种是作为html文件显示的一个多媒体元素，相对路径加入到html文件的源代码某个位置中，同时显示在网页的某个部分。另外一种是，某图片规定了html文件的构成，也就是网页设计稿。要根据图片（网页设计稿）做成一个完整的html文件。因为有链接，我猜你说的是前一种。那么代码是这样的：&a
href="某个很帅气的超级链接"&&img src="某图片的具体地址"&&&/a&以知乎右上角的个人头像为例&a
href=""&&img src=""&&&/a&可以吗？——————————————————————我很弱了 = =求指导
1：用ps做好尺寸图2：切片工具，大块切之3：双击，弹出窗口，输入链接地址4：ctrl+alt+shift+s
好吧，我并不是来回答问题的，我是来提问的；请问啊，如果是对自己收集在服务器端的图标素材进行整理，想做出网页效果直接查看收集好的图标素材，就是很多图片放上去那种，用html该如何实现呢？难道将每个图片的相对路径放上去吗？有点不现实，图标素材有点多。
已有帐号？
无法登录？
社交帐号登录