JQuery入门案例

牵手白首

2020-04-08

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>入门案例</title>
        <script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
        
        <script>
            //js中文档加载完成
            window.onload = function(){
                alert("js中文档加载完成");
            }
            
            window.onload = function(){
                alert("js中文档加载完成测试是否覆盖");
            }
            
            //JQ中文档加载完成测试
            jQuery(document).ready(function(){
                alert("JQ中文档加载完成第一次");
            });
            
            //简写
            $(document).ready(function(){
                alert("JQ中文档加载完成第二次");
            });
            
            //最简单的写法
            $(function(){
                alert("最简单的写法");
            });
            
        </script>
    </head>
    <body>
    </body>
</html>

牵手白首

0 关注 0 粉丝 0 动态

相关推荐

IE浏览器和谷歌浏览器的互跳

// &符号要转义^&. 主要是利用了IE浏览器的ActiveXObject对象实现。　　1.跳转如果携带参数，需要将查询字符串中&连接符改为^&. 　　2.需要设置IE浏览器的安全设置，将ActiveX控件标记为可安全执

simonzhao0 2020-07-05

JavaScript学习总结(十)——this关键字

//p1.Show2();//这里会报错，无法调用Person类的私有方法，Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中，Window 对象是全局对象，所有的表达式都在当前的环境中计算。同样，可以把当前窗口对象的方法当

stonerkuang 2020-06-01

xss（跨站脚本攻击）

　　xss造成的原因是因为对用户插入的数据没有进行过滤，导致用户可以上传一些非法数据，对服务器数据进行盗取。　　xss的形成一定是伴随着输入和输出的。

sswqycbailong 2020-06-01

JS有这三种写法

<button οnclick="alert;">今天天气?</button>. <script></script>标签中的js代码一版写在文档的尾部；网页是从上而下加载的，而js代码通常

麋鹿麋鹿迷了路 2020-05-29

【JS】JavaScript 脚本的三种使用形式：行内脚本、内部脚本、外部脚本

将 js 脚本嵌入到 HTML 标签中。<img alt="选手3" src="images/3.jpg" onclick="alert"/><br />. 将 JavaS

ThinkingLink 2020-05-20

3、jQuery事件操作

<!DOCTYPE html>. 1.eventName(fn);2.on(eventName, fn);// alert("hello lnj");// });// alert("hello 12

delmarks 2020-05-17

ajax实现提交时校验表单方法

alert("请输入合法性别！<input type="button" id="loginsubmit" value="登录" />

tomatoboryj 2020-02-13

jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析

最近在工作中做需求时发现了一个诡异的事情，在使用jQuery触发事件时，并不总是先执行默认行为，再执行绑定的事件行为，有时候可能是相反的顺序。于是上网查找了下资料，还真有个外国哥们和我遇到同一个问题！整理下笔记先~ ~那这里说的“有些时候”到底是什么时候呢

Chriswang 2020-04-30

python_selenium简单记录一下

# Author:BeeLe# -*-coding:utf-8-*-import osimport randomimport timefrom time import sleepimport pywin32_system32from selenium im

Wmeng0 2020-05-10

MonkeyRunner常用API

等待设备连接，有多个device id，需要指明具体哪个设备。

xubzhlin 2020-05-10

nginx异常 [alert] 940#940: 768 worker_connections are not enough 解决

　　今天有用户反馈客户端的很多请求都失败了，响应状态码是500。登录到服务器查看， flask日志里并未报异常。怀疑异常请求并未进入flask应用，而是直接由nginx返回了。果然在nginx的error日志里看到了大量的报错信息：[alert] 940#

Caleb0 2020-04-25

test

基本WAF都针对常用的弹窗函数做了拦截，如alert()、prompt()、confirm()，另外还有代码执行函数eval()，想要绕过去也比较简单，我们以alert为例，其实只需要分割alert和()即可，例如：。添加空格、TAB、回车、换行：aler

码农成长记 2020-04-19

常见web安全问题，SQL注入、XSS、CSRF，基本原理以及如何防御

而以分号字元为不同命令的区别。等的条件式）2).SQL命令对于传入的字符串参数是用单引号字元所包起来。3).SQL命令中，可以注入注解预防:1).在设计应用程序时，完全使用参数化查询来设计数据访问功能。4).其他，使用其他更安全的方式连接SQL数据

sunlizhen 2020-04-10

Websocket模板

将代码复制，存到一个html文件中，打开即可。<button id=‘ToggleConnection‘ type="button" onclick=‘seestate();‘>查看状态</button>

guozewei0 2020-03-06

jquery使用on给input绑定focus事件和alert组合后无限弹出

我们知道，jQuery中的on方法是可以无限触发的，当给input绑定了focus事件的时候，如果在focus事件中使用了alert弹出框的话，很容易就会造成死循环的现象。原因是因为，jQuery的on绑定的这个focus事件是组合了onfocus和onb

donghongbz 2020-03-04

JavaScript操作表格及CSS样式

在前端开发中，表格主要用于存储结构化的数据，CSS主要用于修饰DOM元素，如何通过DOM来操作表格及CSS呢？本文主要通过一些简单的小例子，简述DOM对表格和CSS的常见操作方法，仅供学习分享使用，如有不足之处，还请指正。获取表格的标题[caption]，

aSuncat 2020-02-29

JavaScript：流程控制、集合

JavaScript使用if () { ... } else { ... }来进行条件判断。例如，根据年龄显示不同内容，可以用if语句实现如下：。其中else语句是可选的。如果语句块只包含一条语句，那么可以省略{},不建议这样写。JavaScript的循环

angqiuli 2020-02-18

jQuery的事件绑定

<ul> <li>111</li> <li>222</li> <li>333</li> <li>444<

82550495 2020-02-18

XSS跨站测试代码

‘><script>alert(document.cookie)</script>=‘><script>alert(document.cookie)</script><script>a

xiaof 2020-02-17

jQUery的基本操作总结

什么是jquery？<!DOCTYPE html>. // alert("hello lnj");});// alert("hello lnj");});// alert("hello lnj&

81463166 2020-02-02

牵手白首

W3CSchool教程: HTML 教程; CSS 教程; Bootstrap 教程; Javascript 教程; jQuery 教程

后端教程: C 教程; Java 教程; PHP 教程; Python 教程; Go 教程

移动开发: Android 教程; Swift 教程; Kotlin 教程; jQuery Mobile 教程; ionic 教程

关于我们: 新闻动态; 联系方式; 招聘英才; 安科实验室; 帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号京公网安备11010802014868号