如何将js中的值传递给html

JavaScript018

如何将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

<!DOCTYPE HTML>

<html>

<meta charset="UTF-8" />

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

<head>

<style type="text/css">

body {

margin: 0

}

</style>

<script type="text/javascript">

</script>

<title>demo</title>

</head>

<body>

<form action="" method="get">

<input type="text" name="aa" id="" value="myvera" />

<input type="submit" value="提交" />

<!--点击按钮后,input中的value值“myvera”拼接在url后面-->

</form>

</body>

</html>

1、首先我们选择创建一个新的html5页面并完成初始化代码。

2、创建两个新的输入标记,一个用于用户输入变量,另一个用于用户更改变量的值。

3、编写脚本标记,将js代码写入内部,我们通过js获得两个输入标记元素。

4、执行按钮标记的click事件功能,也就是说,当用户单击“加一”按钮时,将调用此函数。

5、在函数中,我们首先将变量转换为数字,然后在数字中加一,以实现用js更改html变量的功能。

6、要刷新下一页,我们输入数字“18”并单击“加一”按钮。

7、我们可以看到输入框中变量的值变为19,变量的值变为js。