js方法: 代码如下: window.onload=function(){ var userName="xiaoming"; alert(userName); } 以下为jQuery方法,需要引用jQuery文件。 代码如下: $(document).ready(function(){ var userName="xiaoming"; alert(userName); }); 或者其简写 代码如下: $(function(){ var userName="xiaoming"; alert(userName); }); 当dom加载完就可以执行(比window.onload更早)。在同一个页面里可以多次出现.ready() PS:两者的主要...
可以通过JavaScript动态的改变HTML中的元素 向HTML中添加元素 首先需要创建一个标签,然后向该标签中添加相应的内容,然后将创建好的标签添加到相应的位置。测试文档 function add(){ var element = document.createElement("p"); var node = document.createTextNode("添加新段落"); element.appendChild(node); x = document.getElementById("demo"); x.appendChild(element); } 这是第一段 删除HTML中的某个元素测试文档 ...
一个不错的js html页面倒计时可精确到秒,很简单,但和实用00天 00时 00分 00秒 function getRTime(){ var EndTime= new Date('2014/10/23 10:00:00'); //截止时间 var NowTime = new Date(); var t =EndTime.getTime() - NowTime.getTime(); /*var d=Math.floor(t/1000/60/60/24); t-=d*(1000*60*60*24); var h=Math.floor(t/1000/60/60); t-=h*60*60*1000; var m=Math.floor(t/1000/60); t-=m*60*1000; var s=Math....
最近在一个项目中,在写前端页面的时候,想像以前做Android时在页面时刻监听上下滚动的事件,查找资料发现由鼠标或类似用户动作触发的事件有以下图示:不多说了,直接上代码了,经过测试可以使用: <!DOCTYPE html> <html><head><meta charset="utf-8" /><title>Dome</title><script type="text/javascript"> function scroll(){//console.log("打印log日志");实时看下效果console.log("开始滚动!");}var scrollFunc = function (...
本文实例讲述了JS实现HTML页面中动态显示当前时间。分享给大家供大家参考,具体如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>www.gxlcms.com JS动态显示时间</title><script>var timer=null;function displayClock(num){//num是传入的startClock中的动态值if(num<10){return "0"+num;}else{return num;}}//停止计时function stopClock(){clearTimeout(timer);}//开始计时function startClock(){var time =...
本文实例讲述了JS实现获取word文档内容并输出显示到html页面。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><script>var w = new ActiveXObject(Word.Application);var docText;var obj;if(w != null) {w.Visible = true;obj = w.Documents.Open("D:\\word\\go.doc");docText = obj.Content;w.Selection.TypeText("Hello");w.Documents.Save();document.w...
本文实例讲述了JS实现加载时锁定HTML页面元素的方法。分享给大家供大家参考,具体如下: 在html加载时js锁定页面内所有input,textarea,select 具体js如下 index.js for(z=0;z<document.getElementsByTagName(input).length;z++) {document.getElementsByTagName(input)[z].setAttribute(disabled,disabled) } for(zz=0;zz<document.getElementsByTagName(textarea).length;zz++) {document.getElementsByTagName(textarea)[zz]....
这里记一下,以后要用的时候可以查! <HTML> <HEAD> <META NAME="GENERATOR" Content="Microsoft Visual Studio"> <meta http-equiv="content-type" content="text/html;charset=gbk"> <TITLE>HTML页面,测试JS对C函数的调用</TITLE> </HEAD> <BODY> <input type="button" value="测试JS对C++无参函数的调用(Window Binding)" onclick="javascript:testCallFunc()" /><br/><hr /><br /><input type="button" value="测试JS调用多参...
需求是一个导出pdf的功能,多方奔走终于实现了,走了不少弯路,而且怀疑现在这个方法仍是弯的。 有个jsPDF 插件可以在前端直接生成pdf,很简便,但不支持IE。 前端: 首先引入 html2canvas.js html2canvas(document.body, { //截图对象//此处可配置详细参数onrendered: function(canvas) { //渲染完成回调canvascanvas.id = "mycanvas"; // 生成base64图片数据var dataUrl = canvas.toDataURL(image/png); //指定格式,也可不带参...
1,准备要素 1)替换字体的js文件 js代码: function com_stewartspeak_replacement() { /*Dynamic Heading GeneratorBy Stewart Rosenbergerhttp://www.stewartspeak.com/headings/This script searches through a web page for specific or general elementsand replaces them with dynamically generated images, in conjunction witha server-side script. */replaceSelector("h1","dynatext/heading.php",true);//前两个参数需...
本文实例讲述了javascript实现html页面之间参数传递的四种方法。分享给大家供大家参考,具体如下: 我们知道,在服务器端asp,jsp等程序可以接受html页面上的form传来的参数。那么,可不可以传递参数给html页面呢。可以。 原理:通过window.location.href中的分割符获得各个参数 方法一: /**函数功能:从href获得参数*sHref: http://www.cscenter.com.cn/arg.htm?arg1=d&arg2=re*sArgName:arg1, arg2*return: the value of arg. d...
一个不错的js html页面倒计时可精确到秒,很简单,但和实用<!doctype html> <html> <head> <meta charset="utf-8"> </head> <body> <DIV id="CountMsg" class="HotDate"> <span id="t_d">00天</span> <span id="t_h">00时</span> <span id="t_m">00分</span> <span id="t_s">00秒</span> </DIV> <script type="text/javascript"> function getRTime(){ var EndTime= new Date(2014/10/23 10:00:00); //截止时间 var No...
开发一个注册的HTML页面, 用于搜集用户的注册信息。包括: 姓名(不能为空), 年龄(必须超过17岁), 体重(30-150kg), 班级(下拉列表),登陆密码(至少8位长)、确认密码(和登录密码一致),Email(不能为空) , 电话,QQ, 个人简历等信息。 并针对这些表的元素来创建相应的验证,如果检测到错误, 在输入框后面用红色的字显示错误。要用到前面几节学习过的单行文本输入框text、下拉列表框select、密码输入框password、多行...
代码如下:<script type="text/javascript"> window.onload=function(){ alert("加载完毕") } </script>
今天研究了一下JS的用setAttribute方法实现一个页面两份样式表的效果,具体方法如下: 第一步:在连接样式表的元素里定义一个id,例如 代码如下:<link href=”1.css” rel=”stylesheet” type=”text/css” id=”css”> 我定义的id是css。 第二步:写一个js函数,代码如下: 代码如下:<script type=”text/javascript”> function change(a){ var css=document.getElementById(“css”); if (a==1) css.setAttribute(“href”,”...