1:让文本框不可编辑
方法1:readonly (只读)
<input type="text" name="input1" value="中国" readonly>
<input type="text" name="input1" value="中国" readonly="true">
方法2: disabled (失效,表单不会传数据)
<input type="text" name="input1" value="中国" disabled>
<input type="text" name="input1" value="中国" readonly>
<input type="text" name="input1" value="中国" readonly="true">
方法2: disabled (失效,表单不会传数据)
<input type="text" name="input1" value="中国" disabled>
<input type="text" name="input1" value="中国" disabled="true">
2:大红字
<font color="red">你的文字</font>
或
<span style="color:red">你的文字</span>
或
<span style="color:red">你的文字</span>
3:事件
onabort()当用户终止正在打开的网页时产生该事件。
onblur()某元素失去活动焦点时产生该事件。例如鼠标在文本框中点击后又在文本框外点击时就会产生。
onchange()当网页上某元素的内容发生改变时产生例如在文本框中输入文本后又在文本框外点击时就会产生。
onclick()单击网页上的某元素时产生
ondblclick()双击网页上的元素时产生
onerror()浏览器在打开网页的过程中发生错误时产生该事件
onfinish()滚动文本条中的文本完成一次滚动时产生的事件
onfocus()网页上的元素获得焦点时产生该事件
onkeydown()按下任意键时产生该事件
onkeypress()按下任意键时并释放该键产生的事件
onkeyup()释放按下的按键产生该事件
onload()网页或图象调入完成后产生该事件
onmousedown()在网页的某元素上按下鼠标时产生该事件
onmousemove()在网页的某元素上移动鼠标时产生该事件
onmouseout()从网页的某元素移出鼠标时产生该事件
onmouseover()鼠标移入网页的某元素时产生该事件
onmouseup()释放按下的鼠标时产生该事件
onreset()复位表格时产生该事件
onresize()改变浏览器时产生该事件
onselect()选择文本框中的文本时产生该事件
onstart()滚动文本条中的文本开始滚动时产生该事件
onsubmit()提交表单时产生该事件
onunload()从当前的网页退出时产生该事件
onblur()某元素失去活动焦点时产生该事件。例如鼠标在文本框中点击后又在文本框外点击时就会产生。
onchange()当网页上某元素的内容发生改变时产生例如在文本框中输入文本后又在文本框外点击时就会产生。
onclick()单击网页上的某元素时产生
ondblclick()双击网页上的元素时产生
onerror()浏览器在打开网页的过程中发生错误时产生该事件
onfinish()滚动文本条中的文本完成一次滚动时产生的事件
onfocus()网页上的元素获得焦点时产生该事件
onkeydown()按下任意键时产生该事件
onkeypress()按下任意键时并释放该键产生的事件
onkeyup()释放按下的按键产生该事件
onload()网页或图象调入完成后产生该事件
onmousedown()在网页的某元素上按下鼠标时产生该事件
onmousemove()在网页的某元素上移动鼠标时产生该事件
onmouseout()从网页的某元素移出鼠标时产生该事件
onmouseover()鼠标移入网页的某元素时产生该事件
onmouseup()释放按下的鼠标时产生该事件
onreset()复位表格时产生该事件
onresize()改变浏览器时产生该事件
onselect()选择文本框中的文本时产生该事件
onstart()滚动文本条中的文本开始滚动时产生该事件
onsubmit()提交表单时产生该事件
onunload()从当前的网页退出时产生该事件
补充:浏览器事件
window.onload = function () { var msg="\nwindow.load 事件 : \n\n"; msg+=" 浏览器载入了文档!"; alert(msg); } window.onfocus = function () { var msg="\nwindow.onfocus 事件 : \n\n"; msg+=" 浏览器取得了焦点!"; alert(msg); } window.onblur = function () { var msg="\nwindow.onblur 事件 : \n\n"; msg+=" 浏览器失去了焦点!"; alert(msg); } window.onscroll = function () { var msg="\nwindow.onscroll 事件 : \n\n"; msg+=" 用户拖动了滚动条!"; alert(msg); } window.onresize = function () { var msg="\nwindow.onresize 事件 : \n\n"; msg+=" 用户改变了窗口尺寸!"; alert(msg); }
4:四舍五入
new Number("0.105").toFixed(2)
5:a标签加上确认删除功能
href="javascript:if(confirm('确认要删除吗?')){window.location='url'}"
6:禁止修改areatext的大小
style="resize: none;"
7:去掉文本框的首尾空白
<script type="text/javascript"> String.prototype.trim=function() { return this.replace(/(^\s*)|(\s*$)/g,''); } </script> <input type="text" onblur="$(this).val(this.value.trim())" />
8:使用a标签发送post请求
function post(url, params) { var temp = document.createElement("form"); temp.action = url; temp.method = "post"; temp.style.display = "none"; for (var x in params) { var opt = document.createElement("textarea"); opt.name = x; opt.value = params[x]; temp.appendChild(opt); } document.body.appendChild(temp); temp.submit(); return temp; } //范例:<a href="javascript:;" onclick="javascript:post('/dosomething', {id:1,name:'Jack'})">test</a>
9:表单提交验证
<input type="submit" value="提交1" onClick="return checkform()">
10:页面初始化
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
window.onload=function(){
//有多个onload时会顺序加载
}
//有多个onload时会顺序加载
}
或这样写
$(window).load(function(){
})
})
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
$(document).ready(function() {
});
});
简写
$(function(){})
11:与dom有关的值不应该使用var声明
$.areaId = $('#areaId').val();
相关推荐
最近遇到一个需求,需要在从APP分享出去的H5页面中,带有一个立即打开的按钮,如果本地安装了app,那么就直接唤起本地的app,如果没有安装,则跳转到下载。这是一个很正常的推广和导流量的策略。...
Mand Mobile使用小记 mandMobile是滴滴开源的专门面向金融场景的Vue移动端UI组件库(非金融类也可以用),最近我司正在孵化一个金融类产品,本人准备使用。 对初次使用者来说,按照官方文档 来,多少会踩一些坑或者...
几种设置publicPath后,再对比打包后的index.html文件 测试背景: 每次打包build完后,都单独生成一个/dist文件夹,且dist中每次都只有相同文件目录 部署的时候,是部署在服务器的一个/test文件夹下 打包后的文件...
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 runat=”server...
前言: 公司最近有一个H5页面的功能,比较简单的一个调查表功能,嵌套在我们微信公众号里面。选用的技术栈是Vue。同时用到了微信的登录和分享接口。ps:本人小白,如果有问题希望大家能指出来,写文章不止是为了记录...
小记: 今年小孩正要满2周岁时,我们一家三口回四川农村,小孩看到许多新事物,我指着它们告诉他2-3次,他就记住了。回家后担心他忘了,就用照片让他巩固一下,他非常高兴。 于是就发现这么一个方法,做了这个软件,...
北大青鸟ACCP5.0HTML在线培训,本人在福建赛迪。感觉这个东东不错。如果大家觉得有异议的话跟我说下。 QQ:455489926 E-mail:455489926@qq.com
小记,就简单写了 。问题:VUE开发时因为要访问后端的接口所以要配置请求转发,如果直接转发全部请求,那么VUE动态绑定的src也会转发到后端,因为图片在前端,所以会收到404 NOT FOUND的报错。 常规的请求转发 在vue...
Myeclipse开发struts+hibernate+spring小记 开发前准备工作: 1、下载eclipse3.1版本 下载地址: 2、下载Myeclipse插件 下载地址: 3、根据需要下载所需要的数据库驱动。 部分下载地址: 4、下载的eclipse3.1进行...
leetcode题库 Description :house_with_garden:小码农的自留地 喜欢开坑(新文),不时完善(旧文),欢迎收藏(star) GitAds Some Articles :down_arrow:︎ JS HTML && CSS leetcode ...开发小记 设计模式 其他
asp.net2.0中的webpart使用小记 2.0问题、错误解决办法 ASP.NET 2.0使用Web Part创建应用程序之二(共二) 体验 .net2.0 的优雅(2) -- ASP.net 主题和皮肤 NET2.0系列介绍(一).NET 2.0 中Web 应用程序主题的切换...