保存在这里,方便自己以后查看 (⊙_⊙) ╮(╯▽╰)╭
javascript 和 jQuery 两种方法:
$(window).load(function() {
createSuspendedLinkByJavaScript();
createSuspendedLinkByjQuery();
});
function createSuspendedLinkByJavaScript() {
var jsDiv = document.createElement("div");
jsDiv.setAttribute("id", "jsDiv");
var googleLink = document.createElement("a");
googleLink.setAttribute("target", "_blank");
googleLink.setAttribute("href", "http://www.google.com");
googleLink.appendChild(document.createTextNode("Google"));
var baiduLink = document.createElement("a");
baiduLink.setAttribute("target", "_blank");
baiduLink.setAttribute("href", "http://www.baidu.com");
baiduLink.appendChild(document.createTextNode("Baidu"));
jsDiv.appendChild(googleLink);
jsDiv.appendChild(document.createTextNode(" | "));
jsDiv.appendChild(baiduLink);
document.body.appendChild(jsDiv);
}
function createSuspendedLinkByjQuery() {
var jQueryDiv = "<div id='jQueryDiv'>" +
"<a target='_blank' href='http://www.google.com'>Google</a>" +
"<span> | </span>" +
"<a target='_blank' href='http://www.baidu.com'>Baidu</a>" +
"</div>";
$(document.body).append(jQueryDiv);
}
分享到:
相关推荐
16.2 使用JavaScript创建cookie 16.2.1 cookie对象 16.2.2 设置cookie属性 16.2.3 创建cookie 16.2.4 从服务器获取cookie信息 16.2.5 删除cookie 16.2.6 使用浏览器删除cookie ...
创建一个新节点 传入不合法的标签名 var a document createElement "divxxx" ; 使用警告对话框输出节点 alert a ; < script>"><script type "text javascript"> 创建一个新...
一、 创建节点: 节点是DOM结构的基础,根据DOM规范,节点是一个...var $h1 = $("<h1 title='\u521b\u5efa\u8282\u70b9' class='head'>jQuery与JavaScript创建节点比较</h1>"); $("div").append($h1); //JavaScript方
使用div标签来划分页面的不同区域,方便进行样式设置和内容填充。 使用label标签来为输入框添加文本标签,方便用户输入和验证。 使用button标签来创建登录和注册按钮,设置背景颜色、边框样式和字体大小。 使用a标签...
HtmlJS-是一个使用纯JavaScript创建网站的库。 HtmlJS包含创建standard html标签的函数, 标准标记的有用性extensions ,创建SPA的Router (单页应用程序),超棒框架的包装器(metro4-开发中)。 您可以将HtmlJS与...
在 HTML 层, 我们决定这样定义组件接口:通过传入不同的level 1-6 生成h1-h6标签,和使用slot生成内容 <div id="div1"> <child :level="1">Hello world!</child> </div> ...
28.创建一个文档元素:document.createElement(),document.createTextNode() 29.得到元素的方法:document.getElementById() 30.设置表单中所有文本型的成员的值为空: var form = window.document.forms[0] for (var i...
把一串 html 标签赋给一...其实,不管是什么 html 标签,js 动态创建的方法都差不多,接着就先从动态添加 div 开始。 一、js 动态添加元素div <div id=parent></div> function addElementDiv(obj) { var parent =
最近的一个项目中,需要通过 JavaScript 提交表单数据到另一个域名下的PHP接口(因为数据较大,需要HTTP POST方式提交),并获取PHP接口的返回值,在页面无刷新、无跳转的情况下,更新div标签内的内容。 浏览器...
2、用“input”标签创建text类型,置为输出框;依次创建buttom类型,置为按钮,内容为1、2、3……;创建“=”,并在input中对他进行点击事件“οnclick=”result()””. 3、添加script,利用var定义class里面的值,并...
首先在html中为表格的添加位置设置id 即是在html的body标签内部写一个div标签表明表格要添加到此div的内部。如下 <div id=”tdl”><div> 2.在javascript中写添加表格的语句 若在当前html文件中,则写在[removed]标签...
依赖 panel linkbutton 用法示例 创建tabs 1、 经由标记创建Tabs 从标记创建Tabs更容易,我们不需要写任何JavaScript代码。记住把 ‘easyui-tabs’ 类添加到<div>标记,每个tab panel 经由子<div>标记被创建,其用法...
将画布放在div标签里面,这样可以控制画布居中的位置,再对div标签加上一些样式比如border和border-radius,这样一来使其看上去像手机,利于观看。 <div id=main> <!--将画布嵌在div块里面,使其可以居中--> ...
创建元素节点 document.createElement() 方法 用于创建元素,接受一个参数,即要创建元素的标签名,返回创建的元素节点 代码如下: var div = document.createElement(“div”); //创建一个div元素 div.id = “myDiv...
一个示例是使用键盘输入的div标签,其中div标签在设计上不支持onfocus事件侦听器-Selenium绑定会在尝试将输入发送到目标DOM之前调用它。 用法 该项目是使用Selenium3.12.0创建的。 同时支持Python 2.7和3.4+。 ...
通过拆分包含divHTML5文档以及包含带有img标签的图像的子div节点,可以完成此操作。 包含滑块功能的script.js文档已得到完整注释,以显示代码的过程和含义。 该技术使用了HTML5 , CSS , SCSS , Javascript 。 ...
使用更多的div标签在画布下方创建一个包含两种颜色(例如红色和蓝色)的小调色板。 将事件侦听器添加到这些div标签,以便在单击时保存笔刷颜色。 展开像素画布的尺寸。 用更多颜色扩展调色板。 (即红色,橙色,...
rotator-js V0.2 用JavaScript制作的简单旋转器(积云,标签云) 使用jQuery进行初始化和来自jQuery-mobile的事件以支持触摸屏。 专为简化和性能而设计。 开源@版权所有(C)2015 Ernst Johann Peterec @license ...
创建可移动的窗体,同时移动后,如果超出边界返回边界边缘。有详细注释,效果有效!
Virtual DOM 是一个 JavaScript DOM 模型,支持元素创建,区别计算和分支操作,提供高效的渲染。代码示例var h = require('virtual-dom/h'); var diff = require('virtual-dom/diff'); var patch = require...