js创建元素和6种是true的情况-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_7547/article/details/82675193

本文介绍了一个使用JavaScript进行页面调试的方法，包括如何利用原生JavaScript及jQuery实现日志输出，并展示了多种布尔值转换为布尔类型的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path= request.getContextPath();
String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<title>生成html</title>
<script type="text/javascript">
$(function(){
alert("!null=="+!null);//true
alert("!undefined=="+!undefined);//true
alert("!false=="+!false);//true
alert("!0=="+!0);//true
alert("!-0=="+!-0);//true
alert("!''=="+!"");//true
debug("调试信息");
ff("风阻了街道");
function debug(msg){
//通过ID获取元素
var log=document.getElementById("debuglog");
//判断获取到的标签是否存在
alert("1--->"+!log);//true
if(!log){
//元素不存在的情况下，则创建一个
log=document.createElement("div");
log.id="debuglog";
log.innerHTML="<h1>Debug Log</h1>";
//将创建的div添加到页面中
document.body.appendChild(log);
}
//在找的元素存在的情况下，将msg消息包装在<pre>中。并添加至log中
var pre=document.createElement("pre");
//创建<pre>标签要显示的文本对象
var text=document.createTextNode(msg);
//将<pre>要显示的文本对象添加到<pre>标签中
pre.appendChild(text);
//将<pre>标签添加到<div>中
log.appendChild(pre);
}
//使用jquery进行实现
function ff(msg){
var log=$("#debug");
alert("2--->"+!log);//false,原因是通过jquery获取元素的时候，相当于创建一个jquery对象，即相当于new,!object是false
if(log){
log=$("<div id='debug'></div>");
alert(log);
log.html("<h1>调试信息如下:</h1>");
$("body").append(log);
}
var pre= $("<pre></pre>");
pre.append(msg);
log.append(pre);
}
});
</script>
</head>
<body>
</body>
</html>