jQuery在HTML文档加载完毕后自动执行某个事件;

原来onchange=“fucntionname(parms)”;

1     <select name="country" id="selCountries_{$sn}" onchange="region.changed(this, 1, ‘selProvinces_{$sn}‘)" style="border:1px solid #ccc;">
2         <option value="0">{$lang.please_select}{$name_of_region[0]}</option>
3         <!-- {foreach from=$country_list item=country} -->
4         <option value="{$country.region_id}" {if $consignee.country eq $country.region_id}selected{/if}>{$country.region_name}</option>
5         <!-- {/foreach} -->
6       </select>

现在在document的ready()事件里面就自动执行onchange事件。

1 <script type="text/javascript">
2     $(document).ready(function(){
3         var onll=document.getElementsById(‘selCountries_0‘);
4         region.changed(onll, 1, ‘selProvinces_0‘);
5     })
6 </script>

看,现在相当于一加载文档,就自动点击选择了“中国”;

时间: 2024-10-10 21:55:44

jQuery在HTML文档加载完毕后自动执行某个事件;的相关文章

jQuery文档加载完毕的几种写法

1 <!DOCTYPE html> 2 <HTML lang="zh-CN"> 3 <HEAD> 4 <meta charset="utf-8"> 5 <TITLE>jQuery文档加载完毕的几种写法</TITLE> 6 </HEAD> 7 8 <body style=" overflow-y:scroll;overflow-x:auto;"> 9 &

window.onload在文档加载完成后执行

验证a .b两点疑惑: a.<script src="./main.js"></script>中的window.onload是在html全部加载完了才执行,还是其在html中所处位置之前的加载完就执行? b. <script src="./main.js"></script>中window.onload有和没有 的区别是什么? 结论: a. answer:在html全部加载完了才执行. b. answer:区别就是,w

JS如何实现文档加载完成后再去执行代码

JS如何实现文档加载完成后再去执行代码:在执行某些操作的时候,需要当文档完全加载完成之后再去执行,否则可能出现意向不到的情况,先看一段代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title&g

easyui下拉列表级联操作,加载完毕后自动默认加载第一项的下级菜单

1.html代码: <td width="80px;">科目名称:</td> <td style="text-align: left;"> <select id="accountitem" name="accountitem" class="easyui-combobox" style="width:150px;" data-options=&q

用document.onreadystatechange和document.readyState确保文档加载完毕才获取DOM

document.onreadystatechange = function(){ //document.readyState有“interactive”和“complate”两个值 if(document.readyState == "interactive" ){ return false; }; //从这里开始获取dom var dom = document.getElementById("canvas"); console.log(dom); };

JavaScript文档加载和事件绑定

为了保证网页代码层次清晰,便于管理,一般HTML中只体现网页结构,具体的行为处理通过JS实现,样式则通过CSS文件管理. 在以上原则下通过JS实现行为时,一定要注意文档加载过程中,执行JS代码的时机.页面加载过程有两个事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload 前加载.) (1) 一些待调用函数定义,要在调用前定义. (2) 对于完善网页元素的JS,伴随文档

jquery文档加载几种写法,图片加载写法

jquery文档加载写法: $(function(){ }) ; //个人最常使用方式 $(document).ready(function(){ }); //调用文档对象下的ready方法传入一个函数. $(window).load(function() { });//调用window对象下的load方法传入一个函数. (function() { })(jQuery)//()()表示立即执行 并且传入jquery = $ 所以之前$也可以替换为jQuery 注意: jquery的ready只是

jquery.ready可以在文档加载后尽快执行对文档的操作

jquery 1.12.4中ready的关键代码 1 jQuery.ready.promise = function( obj ) { 2 if ( !readyList ) { 3 4 readyList = jQuery.Deferred(); 5 6 // Catch cases where $(document).ready() is called 7 // after the browser event has already occurred. 8 // Support: IE6-1

【JS教程16】jquery文档加载完再执行

jquery文档加载完再执行 将获取元素的语句写到页面头部,会因为元素还没有加载而出错,jquery提供了ready方法解决这个问题,它的速度比原生的 window.onload 更快. <script type="text/javascript"> $(document).ready(function(){ ...... }); </script> 可以简写为: <script type="text/javascript"> $