javascript - php嵌入html script标签内的问题-tutoriel php-php.cn

Table des matières

回复内容：

Maison

développement back-end

tutoriel php

javascript - php嵌入html script标签内的问题

Jun 06, 2016 pm 08:25 PM

javascript php

把php嵌入script标签里面，如果有空行的话就会解析错误。有什么解决方案？
\n document.getElementById('content').innerHTML = marked("");

回复内容：

把php嵌入script标签里面，如果有空行的话就会解析错误。有什么解决方案？
\n document.getElementById('content').innerHTML = marked("");

好像楼上两位 @b9132 @kevins1022 没有理解楼主的问题所在.

楼主的问题是 $data 变量中有很多行, 即有换行符, 然后如果直接输出的话, 会在JS的代码块中出现换行,
然后会产生JS错误.
类似于这样:

<code><script type="text/javascript">
    function marked(v){
        return v;
    }
    document.getElementById('content').innerHTML = marked("hello
world
asldkfjalsdjkf");
</script></code>

Copier après la connexion

所以比较简单的做法是, 把 \r 和 \n 手工进行转义.

完整测试代码:

<?php
$data = "hello
world
asldkfjalsdjkf";

$data = str_replace(array("\r", "\n"), array("\\r", "\\n"), $data);


?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
</head>
<body>
<pre id="content">

Copier après la connexion

执行效果:

javascript - php嵌入html script标签内的问题

最终浏览器得到的HTML代码为:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
</head>
<body>
<pre id="content">

Copier après la connexion

没有开启php短标签的情况下

<code>echo "<script>document.getElementById('content').innerHTML = marked(".<?php echo $data ?>.")</script>";</code>

Copier après la connexion

开启php短标签的情况

<code>echo "<script>document.getElementById('content').innerHTML = marked(".<? =$data ?>.")</script>";</code>

Copier après la connexion

php短标签开启方法：
只需修改php的配置文件：php.ini ，将short_open_tag = off 改成 short_open_tag = on，然后保存，重启apache就可以了。

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn