想要在javascript中引入php变量最简单的就是混编方式,还有一种是通过shtml引入方式,但是shtml引入需要服务器许可,还需要独立设置输出文件,较为复杂不符合动态脚本趋势.这里就简单介绍混编方式的实现方法.
混编方式:
混编就是采用html与php代码混编方式来实现在html中运行php的方式.
注意点:
文件必须是php文件.否则无法直接运行php.
在需要运行输出php的地方必须要写完全的php引用标签,即<?php ?>格式.
混编中php标签必须要有结尾,否则容易导致html部分异常.
案例:
文件名称:text.php
<!DOCTYPE html><html>
<head>
<title>php与html混编</title>
</head>
<body>
<!--html注释:这里我们直接使用php来模拟一下欢迎提示语-->
尊敬的<?php echo '熊大'?>(先生/女士),您好,欢迎您来到我的小站.<br>
<script>
alert("哎呀,<?php echo '熊大'?>你来了啊!")
</script>
</body>
</html>
上面的代码必要放在php文件里,然后访问看到的页面就是
这样就达到了在html里输出php变量的目的.
在模板文件的任何位置,都可以使用{变量名}调用php中assign指定的变量所以js中也是一样的,例如
12var str = $("#text").val()if(str == {$name}) {...} // 假设$name是php中指定的变量
其实不是javascript得到php变量,而是php把变量值传给javascript,其实也不叫传给javascript。说不清楚了,看下面实例。untitled1.php:
<script language="php">
$ip = $_SERVER['HTTP_REMOTE_ADDR']
</script>
<script language="javascript">
var ip = "<?= $ip?>" // here, look!
var result = "You IP address is: " + ip
document.write(result)
</script>
那么运行untitled1.php时,页面上就会显示
You IP address is: 127.0.0.1
如果你要使用调用,即
<script src="untitled1.php"></script>的话,
只要把untitled1.php代码改为:
<script language="php">
$ip = $_SERVER['HTTP_REMOTE_ADDR']
</script>
var ip = "<?= $ip?>" // here, look!
var result = "You IP address is: " + ip
document.write(result)