如何在初始页面加载时调用JavaScript函数

斯莱

我有一个脚本,可从我创建的列表中加载国家/地区选项。我希望只能在页面加载的初始时间加载它,而不是在每次加载后缀上加载它。问题是,当我尝试单击按钮并保存信息时,它恢复为列表的开头。为此使用的最佳窗口方法是什么?我查看了替代的窗口方法,但未成功找到解决方案。Onloadstart似乎也不起作用。

另外,我的脚本位于“用户控制”页面上,因此,我不希望从代码隐藏中调用该函数。

       window.onload = function () {

       var countryElement = document.getElementById('countryId');

       var listOfCountries = ["Select Country","Afghanistan", "Albania", "Algeria", "Andorra", "Angola", "Anguilla", "Antigua & Barbuda", "Argentina", "Armenia", "Aruba", "Australia", "Austria", "Azerbaijan", "Bahamas"
, "Bahrain", "Bangladesh", "Barbados", "Belarus", "Belgium", "Belize", "Benin", "Bermuda", "Bhutan", "Bolivia", "Bosnia & Herzegovina", "Botswana", "Brazil", "British Virgin Islands"
, "Brunei", "Bulgaria", "Burkina Faso", "Burundi", "Cambodia", "Cameroon", "Canada", "Cape Verde", "Cayman Islands", "Chad", "Chile", "China", "Colombia", "Congo", "Cook Islands", "Costa Rica"
, "Cote D Ivoire", "Croatia", "Cruise Ship", "Cuba", "Cyprus", "Czech Republic", "Denmark", "Djibouti", "Dominica", "Dominican Republic", "Ecuador", "Egypt", "El Salvador", "Equatorial Guinea"
, "Estonia", "Ethiopia", "Falkland Islands", "Faroe Islands", "Fiji", "Finland", "France", "French Polynesia", "French West Indies", "Gabon", "Gambia", "Georgia", "Germany", "Ghana"
, "Gibraltar", "Greece", "Greenland", "Grenada", "Guam", "Guatemala", "Guernsey", "Guinea", "Guinea Bissau", "Guyana", "Haiti", "Honduras", "Hong Kong", "Hungary", "Iceland", "India"
, "Indonesia", "Iran", "Iraq", "Ireland", "Isle of Man", "Israel", "Italy", "Jamaica", "Japan", "Jersey", "Jordan", "Kazakhstan", "Kenya", "Kuwait", "Kyrgyz Republic", "Laos", "Latvia"
, "Lebanon", "Lesotho", "Liberia", "Libya", "Liechtenstein", "Lithuania", "Luxembourg", "Macau", "Macedonia", "Madagascar", "Malawi", "Malaysia", "Maldives", "Mali", "Malta", "Mauritania"
, "Mauritius", "Mexico", "Moldova", "Monaco", "Mongolia", "Montenegro", "Montserrat", "Morocco", "Mozambique", "Namibia", "Nepal", "Netherlands", "Netherlands Antilles", "New Caledonia"
, "New Zealand", "Nicaragua", "Niger", "Nigeria", "Norway", "Oman", "Pakistan", "Palestine", "Panama", "Papua New Guinea", "Paraguay", "Peru", "Philippines", "Poland", "Portugal"
, "Puerto Rico", "Qatar", "Reunion", "Romania", "Russia", "Rwanda", "Saint Pierre & Miquelon", "Samoa", "San Marino", "Satellite", "Saudi Arabia", "Senegal", "Serbia", "Seychelles"
, "Sierra Leone", "Singapore", "Slovakia", "Slovenia", "South Africa", "South Korea", "Spain", "Sri Lanka", "St Kitts & Nevis", "St Lucia", "St Vincent", "St. Lucia", "Sudan"
, "Suriname", "Swaziland", "Sweden", "Switzerland", "Syria", "Taiwan", "Tajikistan", "Tanzania", "Thailand", "Timor L'Este", "Togo", "Tonga", "Trinidad & Tobago", "Tunisia"
, "Turkey", "Turkmenistan", "Turks & Caicos", "Uganda", "Ukraine", "United Arab Emirates", "United Kingdom", "United States", "Uruguay", "Uzbekistan", "Venezuela", "Vietnam", "Virgin Islands (US)"
, "Yemen", "Zambia", "Zimbabwe"];

       countryElement.options.length = 0;
       for (var i = 0; i < listOfCountries.length; i++) {
           countryElement.options[i] = new Option(listOfCountries[i]);
       }
   }
斯科特·马库斯(Scott Marcus)

您的问题是您正在使用服务器端代码和客户端代码混合在一起。当您单击按钮时,将导致回发到服务器,该服务器将页面再次传递给客户端,从而使该onload页面中代码以与上次相同的值再次运行。

您应该使用IsPostBack属性来确定页面是否是第一次加载,并且仅在加载时包含该客户端脚本。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

如何在页面加载时调用vue.js函数

来自分类Dev

使用$(window).resize和在初始页面加载时调用函数

来自分类Dev

Javascript:函数是在页面加载时调用的,而不是onclick / onsubmit

来自分类Dev

如何在ASP.NET中页面加载(更新/更改)时调用javascript(或jQuery)

来自分类Dev

您如何在HTML页面加载时调用PHP脚本?

来自分类Dev

如何在JSP页面加载时调用Servlet

来自分类Dev

您如何在HTML页面加载时调用PHP脚本?

来自分类Dev

用于在页面加载时调用的javascript函数的注册表(包括AJAX调用)

来自分类Dev

在元素加载时调用JavaScript函数

来自分类Dev

如何在菜单项选择时调用Javascript函数?

来自分类Dev

在页面加载或按钮单击时调用 javascript 函数时自动单击按钮

来自分类Dev

加载指令时调用初始化函数

来自分类Dev

如何在事件处理程序中包含一个函数(及其参数),而无需在页面加载时调用该函数?

来自分类Dev

Microsoft Edge在页面加载时调用onload命名函数

来自分类Dev

在函数加载时调用函数

来自分类Dev

如何在点击时调用函数

来自分类Dev

如何避免在页面加载时调用敲除绑定?

来自分类Dev

如何在JavaScript中的方法中的addEventListener和全局函数中的removeEventListener时调用removeEventLisener

来自分类Dev

如何在JavaScript的子窗口关闭时调用父窗口函数?

来自分类Dev

如何在加载表单时调用 DropDownList onchange 事件

来自分类Dev

页面加载时正在调用Javascript函数

来自分类Dev

更改功能仅在页面加载时调用

来自分类Dev

ResizeObserver最初在页面加载时调用吗?

来自分类Dev

UILabel初始化时调用的函数

来自分类Dev

UILabel初始化时调用的函数

来自分类Dev

如何在按钮单击时调用jquery函数?

来自分类Dev

如何在python中按下键时调用函数

来自分类Dev

如何在按钮点击时调用随机函数?

来自分类Dev

如何在Flutter中启动时调用函数

Related 相关文章

  1. 1

    如何在页面加载时调用vue.js函数

  2. 2

    使用$(window).resize和在初始页面加载时调用函数

  3. 3

    Javascript:函数是在页面加载时调用的,而不是onclick / onsubmit

  4. 4

    如何在ASP.NET中页面加载(更新/更改)时调用javascript(或jQuery)

  5. 5

    您如何在HTML页面加载时调用PHP脚本?

  6. 6

    如何在JSP页面加载时调用Servlet

  7. 7

    您如何在HTML页面加载时调用PHP脚本?

  8. 8

    用于在页面加载时调用的javascript函数的注册表(包括AJAX调用)

  9. 9

    在元素加载时调用JavaScript函数

  10. 10

    如何在菜单项选择时调用Javascript函数?

  11. 11

    在页面加载或按钮单击时调用 javascript 函数时自动单击按钮

  12. 12

    加载指令时调用初始化函数

  13. 13

    如何在事件处理程序中包含一个函数(及其参数),而无需在页面加载时调用该函数?

  14. 14

    Microsoft Edge在页面加载时调用onload命名函数

  15. 15

    在函数加载时调用函数

  16. 16

    如何在点击时调用函数

  17. 17

    如何避免在页面加载时调用敲除绑定?

  18. 18

    如何在JavaScript中的方法中的addEventListener和全局函数中的removeEventListener时调用removeEventLisener

  19. 19

    如何在JavaScript的子窗口关闭时调用父窗口函数?

  20. 20

    如何在加载表单时调用 DropDownList onchange 事件

  21. 21

    页面加载时正在调用Javascript函数

  22. 22

    更改功能仅在页面加载时调用

  23. 23

    ResizeObserver最初在页面加载时调用吗?

  24. 24

    UILabel初始化时调用的函数

  25. 25

    UILabel初始化时调用的函数

  26. 26

    如何在按钮单击时调用jquery函数?

  27. 27

    如何在python中按下键时调用函数

  28. 28

    如何在按钮点击时调用随机函数?

  29. 29

    如何在Flutter中启动时调用函数

热门标签

归档