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”,”...