html/js/jQuery

偏执的太偏执、 2022-04-02 07:20 214阅读 0赞

iframe示例

<body>
    		<a href="sub/baiyexing.html" target="contentFrame">白夜行  </a>
    		<a href="sub/goneWithWind.html" target="contentFrame">飘  </a>
    		<a href="sub/ordinaryWorld.html" target="contentFrame">平凡的世界</a>
    		<iframe src="sub/baiyexing.html" width="100%" height="500" name="contentFrame"></iframe>
    	</body>

确定按钮的image类型

setInterval()——图片轮播脚本

二维数组——省市级联脚本

setTimeout()——行走的时钟

计算总价：手动触发change()

$(".minu_btn,.plus_btn").click(function(){
    			var qtt;
    			if($(this).attr("class") == "minu_btn"){
    				//得到数量
    				qtt = $(this).next().val();
    				if (parseInt(qtt) > 0){
    					$(this).next().val(parseInt(qtt) - 1);
    					//手动触发input的change
    					$(this).next().change();
    				}
    			}else{
    				qtt = $(this).prev().val();
    				$(this).prev().val(parseInt(qtt) + 1);
    				//手动触发change
    				$(this).prev().change();
    			}
    		})
    		$("#book1qtt, #book2qtt").on("change",function(){
    			var li = $(this).parents().filter("li");
    			//单价
    			var perPrice = parseFloat(li.prev().children().text());
    			//数量
    			var qtt = parseInt($(this).val());
    			//alert(qtt);
    			//每项商品的总价,保留两位小数
    			var total = (perPrice * qtt).toFixed(2);
    			//改变该项商品的总价
    			li.next().children().html(total);
    			//改变总计
    			var b1Total = parseFloat($("#b1Total").text());
    			var b2Total = parseFloat($("#b2Total").text());
    			$("#sum").html(b1Total + b2Total);
    		})
    	})

movingAdv——滚动广告

正则练习

<script type="text/javascript">
    	function checkText(obj,opt){
    		var inputText = obj.value;
    		var regExp;
    		switch (opt){
    			case "1":
    			   regExp = /^[\u4e00-\u9fa5]{2,6}$/;
    			   break;
    			case "2":
    			//长度大于等于6，不能纯数字
    				regExp = /^$/;
    				break;
    			case "3":
    				regExp = /^19\d{2}-(1[12]|0{0,1}[1-9])-(0{0,1}[1-9]|[12]\d|3[01])$/;
    				break;
    			case "4":
    				regExp = /^(\d|[1-9]\d|1[012]\d|130)$/;
    				break;
    			case "5":
    			   regExp = /^086-135\d{8}$/;
    			   break;
    			case "6":
    				regExp = /\w{4,9}@\w{2,5}\.\w{2,5}/;
    				break;
    			case "7":
    				regExp = /^\d{6}$/;
    				break;
    			case "8":
    				regExp = /^(1[12]|0{0,1}[1-9])$/;
    				break;
    			case "9":
    				regExp = /^\d{14,17}[\dX]{1}$/;
    				break;
    		}
    		var tips = obj.nextElementSibling;
    		var flag = regExp.test(inputText);
    		tips.innerHTML = flag;
    	}
    </script>

全选或全不选

js构造函数——这是用来干嘛的？？

模拟发帖练习

广告弹窗

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>advertisement</title>
    		<script type="text/javascript">
    			window.open("login.html","","width=200px, height=300px");
    		</script>
    	</head>
    	<body>
    		<input id="closeMe" type="button" value="关闭当前窗口" onclick="javascript:window.close();" />
    	</body>
    </html>

表单验证封装成函数

function isNull(item, msg){
    	if (item.validity.valueMissing){
    		item.setCustomValidity(msg);
    	}else{
    		item.setCustomValidity("");
    	}
    }

html/js/jQuery

发表评论取消回复

还没有评论，来说两句吧...

相关阅读