首页 > 软件开发 > HTML >

html如何获取js的变量值

来源:互联网 2023-03-16 19:13:27 246

html是一种用于创建网页的标准标记语言,是在我们做网页开发的时候必须要设计到的知识,此篇我们来谈谈html中如何获取js的变量值。vom办公区 - 实用经验教程分享!

方法/步骤

  • 1

    首先我们知道,在各种标签的onclick事件中,我们是能够调用domcument,window等浏览器原生的对象值和方法的,例如全局方法alertvom办公区 - 实用经验教程分享!

    html如何获取js的变量值vom办公区 - 实用经验教程分享!

    html如何获取js的变量值vom办公区 - 实用经验教程分享!

  • 2

    得益于这一点,又由于html页面是顺序加载的,那么我们在页面头部写入的script脚本声明的全局变量或方法(使用var或者window.xxx声明)是能够直接在标签中被取到的。vom办公区 - 实用经验教程分享!

    html如何获取js的变量值vom办公区 - 实用经验教程分享!

    html如何获取js的变量值vom办公区 - 实用经验教程分享!

  • 3

    在示例中我们可以看到,成功调用了全局的方法,同理,全局变量也是可以被使用的。vom办公区 - 实用经验教程分享!

    html如何获取js的变量值vom办公区 - 实用经验教程分享!

    html如何获取js的变量值vom办公区 - 实用经验教程分享!

  • 3相关内容非法爬取自百度经验
  • 4

    这里我们在onclick事件中使用了全局方法和属性,但如果是常规的value属性,html是会将我们写入的变量名识别并渲染为静态值的,达不到动态的效果。vom办公区 - 实用经验教程分享!

    html如何获取js的变量值vom办公区 - 实用经验教程分享!

    html如何获取js的变量值vom办公区 - 实用经验教程分享!

  • 5

    要实现利用全部变量赋值的方法,这里提供一种解决方案,即使用body标签的onload事件用匿名方式为input文本框赋值。vom办公区 - 实用经验教程分享!

    html如何获取js的变量值vom办公区 - 实用经验教程分享!

    html如何获取js的变量值vom办公区 - 实用经验教程分享!

  • 6

    并且这种方式并不强制要求script脚本的加载顺序在dom节点之前。vom办公区 - 实用经验教程分享!

    html如何获取js的变量值vom办公区 - 实用经验教程分享!

    html如何获取js的变量值vom办公区 - 实用经验教程分享!

  • 7

    以上即是本篇的全部内容,感谢阅读。vom办公区 - 实用经验教程分享!

    html如何获取js的变量值vom办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!vom办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码