html标签中如何使用js变量

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

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

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

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

1如果你这变量a是最后个值
<input type="text" value="" id="abc">
<script>
var abc = documentgetElementById("abc");
abcvalue = 在script中有一个变量a的值
</script>
2如果就只是个变量那他就只能呆在script里了弄不到页面上,script处理一些 *** 作方法用的

数据库里保存相对路径然后js调用赋值
for(i=0;i=srcslength;i++){
documentimages[i]src=srcs[i];
}
单个赋值的话documentgetElementById('1')src=''

你个iframe加个ID 然后 用documentgetElementById(id)src=idv 赋值 注意 你的<script>要写在<iframe>标签的后面

<script language="javascript">   //jquery你会吗
$(function() {
    var myDate = new Date();
    var month=myDategetMonth()+1;//获取当前月份(0-11,0代表1月)
    var date=myDategetDate(); 
    $("#yue")html(month);
    $("#ri")html(data);
    });
</script>   <!--这里是html代码-->
   <img id="pic" src="img/logopng" /><div id="riqi"><span id="yue"></span><span id="ri"></span>
   </div>

不是构造img,一般没用js生成的。

而是你用img做背景,把riqi的div覆盖在上面。图字分离就行了。这是css布局把riqi的index设大点。不懂再问

lyqpido的答案第一个方法未必是楼主想要的nbsp;第二个永远也无法运行nbsp;因为onload事件必须是装载成功之后才会激活onload事件的第一个答案貌似可以nbsp;但是实际上不行的nbsp;我做过测试nbsp;会导致一个Javascript溢出的异常nbsp;所以也不行的下面给出一种测试通过的方法nbsp;可以直接在Tag里面赋值属性:amp;lt;scriptnbsp;language=“JavaScript“amp;gt;nbsp;Arrhtml=newnbsp;Array();nbsp;Arrhtml[0]=“mypicjpg“nbsp;amp;lt;/scriptamp;gt;amp;lt;imgnbsp;id=htmlImagenbsp;SRC=“javascript:eval(‘htmlImagenbsp;src=Arrhtml[0]‘);“amp;gt;这个方法主要就是先给设定一个idnbsp;通过设置这个id的属性予以实现nbsp;而不调用事件nbsp;对于开发者而言比较易懂当然nbsp;这个方法也有缺点nbsp;那就是只能在IE里面使用nbsp;Mozilla类型的浏览器是不支持的

1、将这一段代码保存到一个文件中。

2、注意,您可以任何文本工具创建js文件,不过您在保存的时候,需要将名字后缀名为js。

3、这里将js文件保存为indexjs。之后如果我们需要使用indexjs。我们只需要调用即可,不需要再写新的js文件。

4、在html的head部分引入js文件,具体的代码。

5、这个引用是一个双标签,就算没有内容,也得写全。

6、如果您的js是从外面引入,那么您不能在<script></script>中间再写js代码。

7、如果有需要,那么您需要重新声明script标签,在标签内写您的js代码。

8、无论是javascript jquery都是一样的规则,必须在script标签内写代码。引入了js文件后,您可以在需要的地方直接调用即可。

通过HTML的各种Dom事件,比如点击,获取焦点等,这些事件是能绑定JavaScript函数的,在JavaScript函数里可以获取Dom元素比如文本框中的值,再把值赋值给JavaScript文件中的变量即可。

例子:

通过HTML中的输入框(name为spd),修改js中的变量spd:

html文件中的输入框

js文件中的变量,以及变量赋值


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

原文地址: https://outofmemory.cn/yw/13376623.html

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

发表评论

登录后才能评论

评论列表(0条)

保存