<%@ 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>
分享到：
相关推荐
总的来说，Qt6 QML结合JavaScript提供了一种强大的方式来创建交互式的桌面和移动应用程序。通过理解如何创建JS控制台，你可以更好地掌握QML和JavaScript的结合使用，从而提高你的Qt应用开发能力。
在 JavaScript 中，节点可以分为两种类型：元素节点和文本节点。元素节点是指 HTML 元素，如 `<p>`、`<div>` 等。文本节点是指文本内容，如 "hello world" 等。可以使用 nodeType 属性来判断节点的类型，元素节点的 ...
在JavaScript（JS）中实现元素拖拽效果是一项常见的交互设计技术，它允许用户通过鼠标或触摸设备移动页面上的元素，从而提升用户体验。本教程将详细解释如何创建一个基本的元素拖拽功能，并演示如何将拖动的元素放入...
在JavaScript的世界里，jQuery库以其简洁的API和强大的功能深受开发者喜爱。当我们谈论"jQuery 子级元素在父级元素内滚动"时，这通常涉及到滚动事件和相对定位的概念。这个场景常见于创建滚动效果或者实现自定义滚动...
在实际开发中，还有一种情况是删除多个相同的元素。这时，`filter()`方法依然适用，只需要在回调函数中判断当前元素是否等于要删除的元素即可。`splice()`方法则需要循环遍历数组，每次找到目标元素就调用`splice()`...
在网页开发中，JavaScript是一种非常重要的脚本语言，它提供了丰富的功能，其中之一就是实现网页元素的拖拽排序。拖拽排序允许用户通过直观地拖动元素来改变它们在页面上的顺序，增强了用户体验。本文将深入探讨如何...
本文将详细介绍几种常见的 JavaScript 方法来实现 DOM 元素的动态创建和删除。 #### DOM 操作的重要性 DOM（Document Object Model）是一种允许程序和脚本动态访问和更新文档内容、结构和样式的标准编程接口。通过...
遗憾的是，在撰写文本时，JavaScript 不提供可从给定对象或数组创建 JSON 文本的内置函数。这些方法预计将包含在 2007 年第四版的 ECMAScript 标准中。在 JSON 格式化函数正式添加到 JavaScript 并广泛用于常见实现...
本示例主要讲解了如何使用JavaScript来创建、添加和克隆页面元素节点，这些都是前端开发中常见的操作。下面将详细解析这些方法： 首先，我们获取页面上的某个特定元素。在这个例子中，我们通过`getElementById`方法...
JavaScript是一种解释型、弱类型的脚本语言，主要应用于Web浏览器，但也可用于服务器端环境如Node.js。它的基础语法包括变量声明（var、let、const）、数据类型（原始类型：字符串、数字、布尔、null、undefined；...
JavaScript是一种常用的客户端编程语言，常用于创建交互式的网页体验。它的历史可以追溯到1995年，由Netscape公司引入，最初被称为Livescript，后来与Sun Microsystems合作，成为Java的一个子集，并更名为JavaScript...
在Web开发中，利用JavaScript（简称JS）动态生成HTML表元素是一种常见的技术手段，尤其在需要根据数据动态调整表格结构的情况下更为实用。本文将基于提供的代码片段来详细解析如何使用JS动态创建表格，并深入探讨...
在实际应用中，动态创建元素常用于实现AJAX（异步JavaScript和XML）技术，这使得无需刷新页面即可从服务器获取数据并更新页面内容。在提供的标签“AjaxDemo”中，可能包含一个简单的AJAX示例，用于展示如何通过动态...
现在，让我们看看如何使用jQuery来创建元素。jQuery是一个流行的JavaScript库，它简化了许多DOM操作。创建元素在jQuery中更为直观，你可以直接用字符串形式定义HTML结构。比如创建一个`<div>`元素： ```javascript ...
JavaScript日历控件是网页开发中常用的一种交互元素，它为用户提供了一个直观的方式来选择日期，常见于表单、事件管理或在线预订系统等场景。在本文中，我们将深入探讨六种不同的JavaScript日历控件，了解它们的特点...
《使用Glider-JS创建优美的页面滑动效果》 在网页设计中，页面滑动效果已经成为提升用户体验的重要手段之一。Glider-JS是一款轻量级的JavaScript库，专为实现优雅的页面滑动效果而设计。它以其简洁的API、高性能和...
在JavaScript中，数组是数据结构的一种，用于存储一系列有序的元素。当开发过程中需要移除数组中的特定元素时，有多种方法可供选择。本篇文章将详细介绍两种常见的删除数组中指定元素的方法：`splice()`函数和使用`...
在网页开发中，有时我们...总结起来，"js限制DIV输入回车"是一个关于前端开发中的事件处理问题，主要涉及到JavaScript的事件监听和DOM操作。通过适当的代码，我们可以定制`div`元素的回车键行为，使其满足特定的需求。
在使用ArcGIS API for JavaScript时，首先要了解地图对象（Map），它是所有地图元素的基础，包含了地图的视图、图层、坐标系统等关键信息。然后，我们可以添加不同的图层类型，如TiledMapServiceLayer用于加载瓦片...
3. **创建元素**：接下来，为每个要掉落的元素创建`Matter.Body`实例。可以定义它们的形状（如矩形、圆形等）、大小、位置等属性。同时，也可以添加图像作为元素的视觉表示。 ```javascript var element = Matter....