html标签中如何使用js变量

html标签中如何使用js变量,第1张

HTML是静态标记语言,不具有运算能力,无法调用js脚本数据,只能js脚本来设置HTML中的参数。或者通过onload,onclick等属性,触发一些js事件。

例如想通过js计算,个div的宽度为100px;

var _width=1010;

documentgetElementById("divid")stylewidth=_width+"px;"

有两种方式:

1、通过documentwrite的方式显示变量

<script>

var a='1';

documentwrite(a);//在页面上显示a的值1

</script>

2、在页面节点中显示变量值

<div id='dv'></div>

<script>

var a='1';

var d = documentgetElementById('dv');//获取div的节点

dinnerHTML = a;//在div节点上显示a的值1

</script>

在一个HTML文件javascript代码的内容,实现调用那个JS文件的变量。这样做的好外是

可以实现网页模块化,以后要增加或者修改“显示文本

内容”时,只需要修改那个JS文件就成了。

在html中引用JavaScript变量的例子如下:

<div id="map" align="center" style="width: 800px; height: 600px"></div>

<script type="text/javascript" language="javascript">

var xx=screenwidth;

documentgetElementById("map")stylewidth = xx;

</script>

常规做法并不是直接“使用”,而是以插入的方式,显示到html的内容里。

常用的方法有:

documentgetElementById('myId')innerHTML = '

插入一段html

';documentgetElementById('myId')innerText = '插入一段文本';

以上就是关于html标签中如何使用js变量全部的内容,包括:html标签中如何使用js变量、html:text中怎样显示js中的变量值、在html中如何引用JavaScript变量等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9595086.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存