如何将js中的值传递给html

html-css029

如何将js中的值传递给html,第1张

将js中的值传递给html

var Value = "www.sucaijiayuan.com"

var oDiv = document.getElementById("div")

oDiv.innerHTML = Value

用innerHTML属性,这样就可以了。

扩展资料:

JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

JavaScript函数

函数是命名的语句段,这个语句段可以被当作一个整体来引用和执行。使用函数要注意以下几点:

1、函数由关键字function定义(也可由Function构造函数构造)。

2、使用function关键字定义的函数在一个作用域内是可以在任意处调用的(包括定义函数的语句前);而用var关键字定义的必须定义后才能被调用。

3、函数名是调用函数时引用的名称,它对大小写是敏感的,调用函数时不可写错函数名。

4、参数表示传递给函数使用或操作的值,它可以是常量,也可以是变量,也可以是函数,在函数内部可以通过arguments对象(arguments对象是一个伪数组,属性callee引用被调用的函数)访问所有参数。

5、return语句用于返回表达式的值。

6、yield语句扔出一个表达式,并且中断函数执行直到下一次调用next。

参考资料来源:百度百科-javascript

js可以直接操作html,document.getElementById("p1").innerHTML="New text!"这是一个简单的使用js给id为“p1”的元素赋值new text !

直接使用赋值语句就可以操作HTML DOM元素了。

以点击按钮,改变按钮元素的内容为案例,点击的时候 ”按钮“ 变为 ”hello“

1、通过js获取元素,例如,获取元素btn按钮

2、通过js,当点击按钮的时候,改变原来的值为“hello”

3、运行效果如下:

4、点击按钮之后的效果:

完整的html代码如下:

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <title>Document</title>

  <style type="text/css">

.wrap{

width:400px

height:300px

background:#000

position:relative

}

a.btn1{

display:block

width:140px

height:40px

line-height:40px

text-align:center

background:#ff0099

color:#fff

position:absolute

left:100px

top:100px

}

  </style>

 </head>

 <body>

  

<div class="wrap">

<a href="javascript:" class="btn1" id="btn">按钮</a>

</div>

<script type="text/javascript">

var oBtn= document.getElementById("btn")

oBtn.onclick=function(){

oBtn.innerHTML="hello"

}

</script>

 </body>

</html>