HTML里的id等属性命名需要注意】的更多相关文章

提交 $(function(){ $('#submit').click(function(){ $('#form').submit() }) }) 这里的代码无法完成提交,因为id被命名为submit了!!!导致了奇葩的冲突!!! 表单和其子元素不宜用一个表单的属性的属性作为name或id的名称,如submit, length, or method,是.会产生冲突.名称冲突可能会导致混乱的失败.…
 1.页面命名: 登陆 Login注册 Register用户 User创建 Create修改 Update删除 Delete查询 Selete控制器 Controller用户名 Username密码 Password JSP页面命名首字母小写,建议全部采用小写.如:product_list.jsp 或者productList.jsp如果不太会英文,则用拼音首字母或者完整拼音进行命名:或者拿翻译字典查.(多个单词建议用”_“隔开),一般不要超过20个字节. 2.属性命名 id:连接符命名法“id-…
Java判断一个类里是否存在某个属性 测试pojo类,比方我有个User类 @Getter @Setter public class User { private Long id; private String name; private Integer age; private String email; } 我现在判断User是否存在某个属性 方式一.按照常理来说第一种办法肯定是通过反射拿到这个类的所有属性,循环遍历再去一一比较,这种办法是可行的,但是感觉这种方式不是太好. /** * 判断…
为什么上传文件的表单里要加个属性enctype 上传文件的表单中<form>要加属性enctype="multipart/form-data",很多人只是死记硬背知道上传表单要这么写,知其然而不知其所以然.那到底为什么要添加这个属性呢?它是什么意思呢?它又有什么其他可选值呢? 其实form表单在你不写enctype属性时,也默认为其添加了enctype属性值,默认值是enctype="application/x-www-form-urlencoded".…
本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 -----------------------------------------------------------------------------------------------------------------…
ORACLE数据库主键的数据类型为number ,如果不指定长度会有 Merge报 <target>.ID 和 <source>.ID 的属性冲突: DataType 属性不匹配 错误.…
this.$refs.tabs.activeKey ref就是vue里面的id…
作为前端开发人,经常头疼于雷鸣,标签,id名的命名,不知道应该基于什么原则. 原则: 2 当命名的时候,问自己,这个元素是要来做什么?(根据使用目的).ad-banner 4 避免依靠位置和视觉效果命名.如.red-link #left-column 3 使用更加直观的命名. 虽然#header 有点用location来命名,但是这基本都遵守,比用#branding更加直观 如果我问 bob 这个类,id是做什么的,他是否会自动知道 好处: 当你一个right-cloumn想移到左侧时,就会引起…
转自:http://www.cnblogs.com/ztf2008/archive/2009/02/11/1388003.html <beans><bean id="person" class="org.spring.bean.Person"> <property name="name">      <value>zhangsan</value> /property> <pr…
如果页面上只有Textarea,可以用如下方法来遍历其name属性然后赋给id属性:<script> try{ window.onload = setTextAreaIds();setTextAreaId(); }catch(e){} </script> function setTextAreaIds() { try{ var textAreaobj = document.getElementsByTagName("TEXTAREA"); if(textArea…
要点: 1.js将字符串转化为object方法,通过新建函数. 2.通过ajax返回的数据是object类型. 3.jquery.attr()里的attr是object类型 例子:主要实现后台返回的attr里的两个参数,将两个参数直接应用赋值 ajax前端请求: <html> <head> <title>jquery 同时修改两个属性</title> </head> </html> <script src="extli…
今天出美工面试题的时候,David让我加上一道题:HTML中id和name的区别.一听对呀,HTML中id和name有什么区别,只是平时在用,倒没怎么想过,只是那么用了罢了,呵呵,其实在做网页的时候有很东西都只是那么的用了,而没有考虑为什么那么用了...    有同道中人说“ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的.”        id 在HTML中的作用:      1.用id选择相应的style sheet(风格).       2.…
ID和Name都可以用来标识一个标记,Javascript分别有两个方法getElementById和getElementByName来定位Dom节点. 区别如下: 1.我们知道在网页做Post提交时,是以Form(即表单域)为单位进行提交的,一个Form里有若干个表单对象(如<input type="text" name="UserName" value="请输入姓名"/>),同一个页面里可以为多个Form(Asp.net不同,它只…
一.用class_name方式写类名. 以前喜欢用class-name写,不过好像两样也没什么差别.但我比较反对用className写类名,因为始终对浏览器大小写敏感的问题抱有怀疑态度.但是id我会写成驼峰式,理由见下一条. 二.样式都用class而不用id. 有三个理由. 1,id不可以重复,所以用class的话,可以肆无忌惮的用无数次. 2,id的优先级太高,若是写了一个#page_contenta{color:#f60},那你完蛋了,里面要改链接颜色,都必须加上#page_content才…
页头:header   如:#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法 登录条:loginBar         标志:logo                 侧栏:sideBar       广告:banner              导航:nav                 子导航:subNav 菜单:menu               子菜单:subMenu        搜索:search        滚动:s…
JS标识符的命名规则,即变量的命名规则: 标识符只能由字母.数字.下划线和'$'组成 数字不可以作为标识符的首字符 对象属性的命名规则 通过[]操作符为对象添加属性时,属性名称可以是任何字符串(包括只包含空格的字符串和空字符串): 通过.操作符为对象添加属性时,属性名称必须是合法的标识符名称: 如果属性名包含非法的标识符字符,则只能采用obj["propertyName"]的形式: 如果属性名是合法的标识符,读取时即可以采用obj.propertyName,也可以采用obj["…
上网搜索"js 日历插件"就会出来各种效果的功能丰富的日历插件,很多都可以下载源码,然后根据各自的需求对源码进行修改就可以直接用了. 但今天讲的不是如何使用这些插件,而是讲如何实现一个很简单的只有当前这个月的日历,具体效果如下图:   ( 截图时间是 2017-7-27 ),下面展示一下实现的代码: .wrap { font-size:; } .weeks span { display: inline-block; font-size: 14px; width: 47px; heigh…
CSS的class.id.css文件名的常用命名规则        (一)常用的CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:s…
一.传统上获取是通过document.getElementById获取元素的ID属性,通过总结与学习总结一下获取元素class以及id属性的一些封装; 1.创建构造函数,这里面不需要多解释什么:(主要本人也是菜鸟一枚); 2.既然有了构造函数,那么我们只需要实例化进行使用,这里面我就不去描述了,直接进行JS库的封装: 下面是获取ID的方法: Ps:这里面应该不用介绍,通过判断返回指定的值: 3.ID是独一无二的所以使用起来比较不灵活,class类可以是多个或者重复使用,但是传统的JS并没有获取c…
上传文件的表单中<form>要加属性enctype="multipart/form-data",很多人只是死记硬背知道上传表单要这么写,知其然而不知其所以然.那到底为什么要添加这个属性呢?它是什么意思呢?它又有什么其他可选值呢? 其实form表单在你不写enctype属性时,也默认为其添加了enctype属性值,默认值是enctype="application/x-www-form-urlencoded".这个属性管理的是表单的MIME编码,共有三个值可…
var a={"id":1,"name":"danlis"}; //添加属性 a.age=18; console.log(a); //结果:Object { id: 1, name: "danlis", age: 18 } //修改属性 a.age="我怎么知道"; //结果:Object { id: 1, name: "danlis", age: "我怎么知道" }…
main热点:hot新闻:news下载:download子导航:subnav菜单:menu子菜单:submenu搜索:search友情链接:friendlink页脚:footer版权:copyright滚动:scroll内容:content标签页:tab文章列表:list提示信息:msg小技巧:tips栏目标题:title加入:joinus指南:guild服务:service注册:regsiter状态:status投票:vote合作伙伴:partner联系我们:contact (二)注释的写法:…
今天这个小问题几乎把我整崩溃 $.each(data.list, function (index, item) { i++; shenhe = "待审核"; tixing = item.Type == "0" ? "判断题" : "单选题"; if (item.ApprovalState == "N" || item.ApprovalState == "Y") { shenhe = it…
<input class="select" type="checkbox" value="1" id="checkboxjcf" name="" /> <label for="checkboxjcf">jc</label>…
如题,从后台封装数据,有两种方式渲染节点的数据: 1.全部节点加载 2.根据父节点加载子节点 首先,先介绍下第一种渲染方式: 后台返回数据格式(所有的附加属性,都可放在additionalParameters下): 前端页面html: <div class="widget-body"> <div class="widget-main padding-8"> <div id="treeview" class="…
事情是这样的,在一个手机界面的制作中,我发现按钮点击后总会出现一个边框,于是开始搜索解决方案.搜到的解决方案是这样的. a:focus,input:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only; } 边框问题解决后我2333地把这两行代码加入到common.css,之后的页面直接ctrl+c ctrl+v.但是问题马上来了.我所有的<a></a…
不多说,直接上干货! 子类可以继承父类的属性和方法,除了那些private的外还有一样是子类继承不了的---构造器.对于构造器而言,它只能够被子类调用,而不能被子类继承. 调用父类的构造方法我们使用super()即可.…
java文件 company.java private int sTime; public void setSTime (int sTime) {        this.sTime = sTime;    }        public int getSTime() {        return sTime;    } jsp文件 list.jsp ${company.sTime} 报错 Property 'sTime' not found on type com.entity.Compan…
使用常量替代 Mutation 事件类型 使用常量替代 mutation 事件类型在各种 Flux 实现中是很常见的模式.这样可以使 linter 之类的工具发挥作用,同时把这些常量放在单独的文件中可以让你的代码合作者对整个 app 包含的 mutation 一目了然: 理解: ES6 允许字面量定义对象时,用方法二(表达式)作为对象的属性名,即把表达式放在方括号内. 这是es6的写法,转换为es5时这样的 var SOME_MUTATION = 'SOME_MUTATION' var muta…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <…