jsp经验

本文隶属于分类

Web开发

广告推荐

技术交流学习或者有任何问题欢迎加群

编程技术交流群 : 154514123 爱上编程      Java技术交流群 : 6128790  Java

标签:iat   运行   onload   HA   get   .com   conf   div   onf   

通过id获取值

var content = $(‘#id‘).val();//当id为定值时使用

var content = $(‘#‘ + id).var();//当id为变量时使用,多为公共方法调用。

var content = document.getElementById("jbr_name").value;//此处通过jsp中的DOM来取值

通过radio的name获取值

var sexType=$("input[name=‘name‘]:checked").val();

页面加载完成执行

$(function(){ })

$(document).ready(function(){})

window.onload = function(){ } 

 jQuery(function($) {…})

css样式的定义

<div id="header"></div

<div class="abc"></div

在css文件中定义id对应的样式用#,class对应的样式用“.”

区别:

同一个id样式一个页面只能调用一次,而class可以调用多次(无限制)

<div class="yangshi1" id="yangshi2">
<div class="yangshi1 yangshi3" id="yangshi2">//引用多个class时用空格分开

id就像一个人的身份证,用于识别这个DIV的,Class就像人身上穿的衣服,用于定义这个DIV的样式。一般一个网页不设二个或二个以上同ID的div,但Class可以多个DIV用同一个Class

ajax的表单提交

1、通过form id来提交form表单

<form id="baseJbrForm" action="${path}/editUser.action" method="post">

$("#baseJbrForm").ajaxSubmit({
  dataType:‘json‘,
  error:function(){
    alert(‘操作失败,请稍后再试!‘);
  },
  success:function(data){
    var json = data;
    if(json.result){
    alert(json.message);
    window.location.reload();
  }
}
});

ajaxSubmit为Query插件jquery.form.js中的方法,使用需引入次插件

同行用td 同列用tr

下拉列表,option必须与select标签一起使用,不然没有任何意义

<select name="name">
<option value="a">a</option>
<option value="b">b</option>
<option value="c" selected="selected">Fiat</option> //默认被选中
<option value="d">d</option>
</select>

 

js中,可以用标记的方法调出任意循环

cars=["BMW","Volvo","Saab","Ford"];
list:
{
document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
break list;
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<br>");
}

js中同样可以使用try catch语法

修改HTML元素内容最简单的方法
document.getElementById(id).innerHTML=new HTML

修改HMTL元素的属性
<img id="image" src="smiley.gif">
<script>
  document.getElementById("image").src="landscape.jpg";
</script>

改变HTML元素的样式
<h1 id="id1">My Heading 1</h1>
<button type="button" onclick="document.getElementById(‘id1‘).style.color=‘red‘">
点击这里
</button>


onload 和 onunload 事件会在用户进入或离开页面时被触发。

onload 事件可用于检测访问者的浏览器类型和浏览器版本,并基于这些信息来加载网页的正确版本。

onload 和 onunload 事件可用于处理 cookie。

<body onload="checkCookies()">

 

onchange事件

onchange事件常结合对输入字段的验证来使用

<input type="text" id="fname" onchange="upperCase()">

onmouseover 和 onmouseout 事件

onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。

 

onmousedown、onmouseup 以及 onclick 事件

onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时,会触发 onmousedown 事件,当释放鼠标按钮时,会触发 onmouseup 事件,最后,当完成鼠标点击时,会触发 onclick 事件

用数组元素组成字符串 

var arr = new Array(3);
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

arr.join(".")

数组排序

arr.sort()

js弹出确认框

var r=confirm("Press a button!");

if (r==true){}else{}

jQuery在div中加载页面,在chorm、Firefox、Safari 中都运行正常,在IE中运行失败

var tab = jQuery ("#dynamic_tab");
var url = "/list_ajax/";
tab.load (url);
解决办法:需要在返回的 http header 里加上 charset=utf-8

jsp经验

标签:iat   运行   onload   HA   get   .com   conf   div   onf   

原文:https://www.cnblogs.com/lansetuerqi/p/8073974.html

技术交流学习或者有任何问题欢迎加群

编程技术交流群 : 154514123 爱上编程      Java技术交流群 : 6128790  Java

广告推荐

讨论区