alert

jQuery – 8.事件和事件参数

由 空扰寡人 提交于 2020-03-03 23:33:57
事件 (*)JQuery中的事件绑定：$(“#btn”).bind(“click”,function(){})，每次都这么调用太麻烦，所以jQuery可以用$(“#btn”).click(function(){})来进行简化。unbind <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="Jqeury/jquery-1.10.2.js"></script> <script type="text/javascript"> $(function () { $("input[value='bind']").click(function() { $("#btn").bind( { "click": function() { alert("click"); }, "mouseover": function() { alert("mouseover"); }, "mouseout": function() { alert("mouseout"); } } ); }); $("input[value='unbind']"

7.JS实现网页端猜数字小游戏

由 喜你入骨 提交于 2020-03-03 12:09:44
题目描述 电脑产生一个0到100之间的随机数字，并且要求用户来猜，如果用户猜的数字比这个数字大，电脑会提示“太大”，否则会提示“太小”，当用户正好猜中，电脑会提示“恭喜你猜对了，这个数是…”。在用户每次猜测之后，程序会输出用户第几次猜测。如果用户输入的根本不是一个数字，程序会告诉用户输入无效 代码实现 < ! DOCTYPE html > < html > < head > < meta charset = "utf-8" > < title > 猜数字小游戏 < / title > < script type = "text/javascript" > var Random = Math . floor ( Math . random ( ) * 101 ) alert ( "猜测一个0到100之间的整数" ) for ( var i = 1 ; ; i ++ ) { var val = prompt ( "第" + i + "次猜,请输入一个整形数字" ) if ( isNaN ( val ) || val > 100 || val < 0 ) { alert ( "输入无效，请输入一个0到100之间的整数。" ) } else { if ( val < Random ) { alert ( "太小了，请再猜一次。" ) } else if ( val > Random ) {

JavaScript中的正则表达式

由 拜拜、爱过 提交于 2020-03-03 07:49:59
正则表达式可以: •测试字符串的某个模式。例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 •替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字 •根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字 正则表达式语法 一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。 创建正则表达式 var re = new RegExp();//RegExp是一个对象,和Aarray一样 //但这样没有任何效果,需要将正则表达式的内容作为字符串传递进去 re =new RegExp("a");//最简单的正则表达式,将匹配字母a re=new RegExp("a","i");//第二个参数,表示匹配时不分大小写 RegExp构造函数第一个参数为正则表达式的文本内容,而第一个参数则为可选项标志.标志可以组合使用 •g （全文查找） •i （忽略大小写） •m （多行查找） var re = new RegExp("a","gi");//匹配所有的a或A 正则表达式还有另一种正则表达式字面量的声明方式

正则表达式

由 女生的网名这么多〃 提交于 2020-03-03 07:49:16
正则表达式可以： 测试字符串的某个模式。例如：可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字 根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字 正则表达式语法 一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。 创建正则表达式 var re = new RegExp();//RegExp是一个对象,和Aarray一样 //但这样没有任何效果,需要将正则表达式的内容作为字符串传递进去 re =new RegExp("a");//最简单的正则表达式,将匹配字母a re=new RegExp("a","i");//第二个参数,表示匹配时不分大小写 RegExp构造函数第一个参数为正则表达式的文本内容,而第一个参数则为可选项标志.标志可以组合使用 g (全文查找)； i (忽略大小写)； m(多行查找)； var re = new RegExp("a","gi"); //匹配所有的a或A 正则表达式还有另一种正则表达式字面量的声明方式 var

自编jQuery插件实现模拟alert和confirm

由 半城伤御伤魂 提交于 2020-03-01 23:48:05
现在绝大多数网站都不用自带的alert和confirm了，因为界面太生硬了。因此这个插件就这样产生了自己定制一个的想法...... 啥也不说，先上图，有图有真相 :) 现在绝大多数网站都不用自带的alert和confirm了，因为界面太生硬了。因此这个插件就这样产生了... 来看插件的实现代码吧： ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 ( function () { $.MsgBox = { Alert: function (title, msg) { GenerateHtml( "alert" , title, msg); btnOk(); //alert只是弹出消息，因此没必要用到回调函数callback btnNo(); },

jQuery的不同方式

由 血红的双手。 提交于 2020-03-01 19:26:46
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>04-jQuery入口函数的其他写法</title> <script src="../js/jquery-3.4.1.js"></script> <script> /* $(document).ready(function () { alert("hello inj"); });*/ /*jQuery(document).ready(function () { alert("hello inj"); });*/ /*$(function () { alert("hello inj"); });*/ /*jQuery(function () { alert("hello inj"); });*/ /* * 以上四种方式都是可以的推荐第三种 * $(function () { alert("hello inj"); }); * */ $(function () { alert("hello inj"); }); </script></head><body></body></html> 来源： https://www.cnblogs.com/god1/p/12391185.html

jquery获取当前屏幕的宽度和高度

由 有些话、适合烂在心里 提交于 2020-03-01 19:20:09
<script type="text/javascript"> $(document).ready(function() { alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin alert($(window).width()); //浏览器当前窗口可视区域宽度 alert($(document).width());//浏览器当前窗口文档对象宽度 alert($(document.body).width());//浏览器当前窗口文档body的高度 alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin } ) </script> View Code 来源： https://www.cnblogs.com/zengxh/p/12390606.html

js 与jquery 同时绑定一个ID onclink事件

由 夙愿已清 提交于 2020-02-29 22:20:17
事例代码： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>shortLink</title> </head> <script src="http://localhost:8090/short_link/js/jquery/jquery-1.8.3.min.js"></script>//引入jquery框架 <script type="text/javascript"> $(document).ready(function(){ $("#test").click(function(){ alert("你好"); }); $("#test").click(function(){ alert("你好2"); }); }); function dd(){ alert("dd!"); } function dd(){ alert("dd2"); } function aa(){ alert("aa!"); } <

5种PHP生成图片验证码实例

由 懵懂的女人 提交于 2020-02-29 22:15:58
5种PHP生成图片验证码实例，包括数字验证码、数字+字母验证码、中文验证码、仿google验证码和算术验证码，PHP生成验证码的原理：通过GD库，生成一张带验证码的图片，并将验证码保存在Session中。 js验证 $(function() { $("#getcode_num").click(function() { //数字验证 $(this).attr("src", 'code_num.php?' + Math.random()); }); $("#chk_num").click(function() { var code_num = $("#code_num").val(); $.post("chk_code.php?act=num", { code: code_num }, function(msg) { if (msg == 1) { alert("验证码正确！"); } else { alert("验证码错误！"); } }); }); //数字+字母验证 $("#getcode_char").click(function() { $(this).attr("src", 'code_char.php?' + Math.random()); }); $("#chk_char").click(function() { var code_char = $("#code

jQueryEasyUI Messager基本使用

由 落爺英雄遲暮 提交于 2020-02-29 14:31:48
一、jQueryEasyUI下载地址 http://www.jeasyui.com/ 二、jQueryEasyUI Messager基本使用 1、$.messager.alert(title, msg, icon, fn) 1>、基本用法 代码： <html xmlns= " http://www.w3.org/1999/xhtml " > <head runat= "server" > <title>消息提示框</title> <link href= "/jquery-easyui-1.2.4/themes/default/easyui.css" rel= "stylesheet" type= "text/css" /> <link href= "/jquery-easyui-1.2.4/themes/icon.css" rel= "stylesheet" type= "text/css" /> <script src= "/jquery-easyui-1.2.4/jquery-1.6.4.min.js" type= "text/javascript" ></script> <script src= "/jquery-easyui-1.2.4/jquery.easyui.min.js" type= "text/javascript" ></script> <script src=
订阅 alert