如何输出网页源代码中带title标签中的文本_随笔

如何输出网页源代码中带title标签中的文本

两种方式，看你自己选择用哪一种

1、使用转义字符

<!DOCTYPE html>

将尖括号 <>分别用转义字符 <和 >代替，这样就可以正常输出 HTML 标签了

2、使用 <pre>标签

注意：如果你直接像下面这样用依旧是无效的，页面中并不会显示 <!DOCTYPE html>

有效方式一：用转义字符

如果你问，这和第一种有什么区别？那你得去查一下 pre 标签的作用了。只显示单行 html 或许你看不出来什么，如果是要显示多行 html，pre 标签的作用就明显了。看一下下面的演示代码和效果截图，就能看出区别了：

有效方式二：通过JS代码插入字符

<pre id="pre"></pre><script>let pre = document.getElementById('pre') pre.innerText = '<!DOCTYPE html>' </script>

如果没有后台的话直接用js转换一下尖括号就可以了

基本代码如下：

$("#clickBut").click(function(){

var html = $("#htmls").val()

html = html.replace(/</g,"&lt")

html = html.replace(/</g,"&gt")

html = html.replace(/\n/g,"<br>")

html = html.replace(/\t/g,"&nbsp&nbsp&nbsp&nbsp")

console.log(html)

$("#out").html(html)

})

</script>

我在mac chrome测试无问题。

具体的你可以根据自己的需求再修改。

html5结构：

<!DOCTYPE html>

<html>

<head>

<title>Title</title>

</head>

<body>

</body>

</html>

输出html5网页源码你直接f12 或者鼠标右击查看网页源代码

欢迎分享，转载请注明来源：内存溢出

如何输出网页源代码中带title标签中的文本