js操作页面布局管理
2016-01-03 23:40
846 查看
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%-- <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> --%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
</head>
<body>
<div id="div1">
<div id="images">
<table>
<tr></tr>
</table>
</div>
</div>
<a onclick="fun()">点我</a>
</body>
<script type="text/javascript">
var serverVal=13;
for (var i = 0; i <serverVal; i++) {
var va = 'onclick="fun()"';
var img = '<img alt="images"'+ 'src="./i.jpg" width="100px" height="100px">';
var val = '<td></td>';
if (i%5==0) {
$("#images table").children(":last").append("<tr></tr>");
}
$("#images table").children(":last").append('<td>'+'<a'+' '+'onclick='+'fun()'+'>'+img+'</a></td>');
};
function fun() {
alert("das");
}
</script>
</html>
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%-- <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> --%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
</head>
<body>
<div id="div1">
<div id="images">
<table>
<tr></tr>
</table>
</div>
</div>
<a onclick="fun()">点我</a>
</body>
<script type="text/javascript">
var serverVal=13;
for (var i = 0; i <serverVal; i++) {
var va = 'onclick="fun()"';
var img = '<img alt="images"'+ 'src="./i.jpg" width="100px" height="100px">';
var val = '<td></td>';
if (i%5==0) {
$("#images table").children(":last").append("<tr></tr>");
}
$("#images table").children(":last").append('<td>'+'<a'+' '+'onclick='+'fun()'+'>'+img+'</a></td>');
};
function fun() {
alert("das");
}
</script>
</html>
相关文章推荐
- JavaScript作用域学习笔记
- Javascript 严格模式详解
- js中document.write的那点事
- JavaScript 浮点数及运算精度调整总结
- 浅谈 js中的几种模式 (一)
- c#解析Json数据
- JS 页面加载触发事件 document.ready和window.onload的区别
- js版根据经纬度计算多边形面积(墨卡托投影)
- javascript之闭包深入理解(一)
- javascript之闭包深入理解(二)
- 【下班后学js】判断传入的两个数组是否相似
- JavaScript与DOM(下)
- js操作json
- 2016.01.02JS滚轮事件详解
- JavaScript系列(一 :初识)
- seajs模块化开发初探
- JS 变量提升
- JS实现八种焦点轮播图(下)
- JavaScript与DOM(上)
- JS实现八种焦点轮播图(上)