【转】PHP----JS相互调用

时间：2023-03-06 13:58:25

JS调用PHP

1.取值： 执行html,得到一个弹窗，提示：I from PHP

  1. <script type="text/javascript" src="http://127.0.0.1:8080/wp_php/index1.php">  </script>
  2. <script type="text/javascript" >
  3. alert(jsTest);
  4. </script>
  1. <?php
  2. $php_test='I from PHP';
  3. echo "var jsTest="."'$php_test';";
  4. ?>

2.取值（变量）JS 要在input 后，不然js取不到值

  1. <html>
  2. <body>
  3. <?php
  4. $userCar = 525;
  5. ?>
  6. <input type="text" id="userCar" value="<?php echo $userCar ?>" />
  7. <script type="text/javascript">
  8. alert(document.getElementById("userCar").value);
  9. </script>
  10. </body>
  11. </html>

3.取值，注意使用引号（PHP的string,int...）

  1. <html>
  2. <body>
  3. <?php
  4. $userCar = 525;
  5. ?>
  6. <script type="text/javascript">
  7. var userCar = '<?php echo $userCar ?>';
  8. alert(userCar);
  9. </script>
  10. </body>
  11. </html>

4.调用方法（函数）

  1. <html>
  2. <body>
  3. <script type="text/javascript">
  4. alert (<?php echo date("Y")?>);
  5. </script>
  6. </body>
  7. </html>

PHP调用JS

1.取值：     显示：values;

  1. <html>
  2. <body>
  3. <script type="text/javascript">
  4. var str = 'values';
  5. </script>
  6. <?php
  7. echo "<script type=text/javascript>document.write(str)</script>";
  8. ?>
  9. </body>
  10. </html>

2.调用函数（方法）    弹窗：9

  1. <html>
  2. <body>
  3. <script type="text/javascript">
  4. function add(){
  5. var x = 0;
  6. x = x + 9;
  7. alert(x);
  8. }
  9. </script>
  10. <?php
  11. echo "<script type=text/javascript>add()</script>";
  12. ?>
  13. </body>
  14. </html>

其实一点：那里调用，那里就有echo ;

from：http://blog.****.net/damys/article/details/29807893

相关文章