html中显示js中定义的变量的值并把它放在页面中想要的位置

html-css024

html中显示js中定义的变量的值并把它放在页面中想要的位置,第1张

1、先新建一个html文件,命名为test.html。

2、在test.html文件内,使用div标签创建一个模块,并设置其id为outinput,主要用于下面通过该id获得div对象。

3、在js标签内,定义一个数组arr,数组内定义三个元素,分别为“测试一”,“测试二”,“测试三”。

4、在js标签内,通过length属性获得数组arr的长度,即元素的个数,主要用于for语句中限制循环的次数。

5、在js标签内,定义一个变量html,使用for循环遍历arr数组,每次读取数组元素,将元素值与p标签组合,用于实现在页面出来。

6、在js标签内,使用getElementById()方法通过id(outinput)获得div对象,通过innerHMTL属性将html变量输出在页面div标签中,从而实现取出数组值并显示出来。

7、最后在浏览器打开test.html文件,查看实现的效果,就完成了。

声明变量需要用var来声明。例如

var num=123456789

也可以用let或者const声明,let声明的变量与var的类似,const声明的变量数据不能改变,不然报错。

ie对let和const声明的变量不太友好。

变量自增就是num+=1

num的基础上加1

html标签使用php中的变量方法如下:

一、如果html标签中使用php变量,提示:Undefined index: uid in /var/www//list.php ,list.php的具体代码如下:

<?php

require 'redis.php'

for ($i=0 $i <= ($redis->get("userid"))  $i++){

$data[] = $redis->hgetall("user:".$i)

}

/* var_dump($data) 的结果如下:

array (size=3)

0 =>

array (size=0)

empty

1 =>

array (size=4)

'uid' => string '1' (length=1)

'username' => string 'jjj' (length=3)

'password' => string '123' (length=3)

'age' => string '20' (length=2)

2 =>

array (size=4)

'uid' => string '2' (length=1)

'username' => string 'lamp' (length=4)

'password' => string '123' (length=3)

'age' => string '20' (length=2)

*/

?>

<table border="1">

<caption>user list</caption>

<tr>

<th>uid</th>

<th>username</th>

<th>age</th>

</tr>

<?php foreach ($data as $v) {?>

<tr>

<td><?php echo $v['uid'] ?></td>

<td><?php echo $v['username'] ?></td>

<td><?php echo $v['age'] ?></td>

</tr>

<?php } ?>

</table>

这时在echo 前 isset 下就可以了,代码如下:

<?php $a = 10 if( isset($a) ) { echo"这个变量存在" } else{echo"这个变量不存在" }?>

二、 php 可以和html混编的 ,如下图所示