`
hereson
  • 浏览: 1449681 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

javascript小技巧<三>

阅读更多

//网页是否被检索

<meta name="ROBOTS" content="属性值">
  其中属性值有以下一些:
  属性值为"all": 文件将被检索,且页上链接可被查询;
  属性值为"none": 文件不被检索,而且不查询页上的链接;
  属性值为"index": 文件将被检索;
  属性值为"follow": 查询页上的链接;
  属性值为"noindex": 文件不检索,但可被查询链接;
  属性值为"nofollow"

 


//打印分页

<p  style="page-break-after:always">page1</p>  
<p  style="page-break-after:always"
>page2</p>  

 


//设置打印

<object id="factory" style="display:none" viewastext
  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
  codebase="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360"
></object>
<input type=button value=页面设置 onclick="factory.printing.PageSetup()">
<input type=button value=打印预览 onclick="factory.printing.Preview()">
 
<script language=javascript>
function window.onload()
{
   
// -- advanced features
   factory.printing.SetMarginMeasure(2) 
// measure margins in inches
   factory.printing.SetPageRange(false, 1, 3) 
// need pages from 1 to 3
   factory.printing.printer = "HP DeskJet 870C"
   factory.printing.copies = 2
   factory.printing.collate = true
   factory.printing.paperSize = "A4"
   factory.printing.paperSource = "Manual feed"
   
// -- basic features
   factory.printing.header = "居左显示&b居中显示&b居右显示页码,第&p页/共&P页"
   factory.printing.footer = "(自定义页脚)"
   factory.printing.portrait = false
   factory.printing.leftMargin = 0.75
   factory.printing.topMargin = 1.5
   factory.printing.rightMargin = 0.75
   factory.printing.bottomMargin = 1.5
}
function Print(frame) {
  factory.printing.Print(true, frame) 
// print with prompt
}
</script>
<input type=button value="打印本页" onclick="factory.printing.Print(false)">
<input type=button value="页面设置" onclick="factory.printing.PageSetup()">
<input type=button value="打印预览" onclick="factory.printing.Preview()"><br>
<a href="http://www.meadroid.com/scriptx/docs/printdoc.htm?static"  target=_blank>具体使用手册,更多信息,点这里</a>
 

//自带的打印预览

WebBrowser.ExecWB(1,1) 打开 
Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口 
Web.ExecWB(4,1) 保存网页 
Web.ExecWB(6,1) 打印 
Web.ExecWB(7,1) 打印预览 
Web.ExecWB(8,1) 打印页面设置 
Web.ExecWB(10,1) 查看页面属性 
Web.ExecWB(15,1) 好像是撤销,有待确认 
Web.ExecWB(17,1) 全选 
Web.ExecWB(22,1) 刷新 
Web.ExecWB(45,1) 关闭窗体无提示 
<style media=print> 
.Noprint{display:none;}<!--用本样式在打印时隐藏非打印项目--> 
.PageNext{page-break-after: always;}<!--控制分页--> 
</style> 
<object  id="WebBrowser"  width=0  height=0  classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">    
</object>    
 
<center class="Noprint"
 >
<input type=button value=打印 onclick=document.all.WebBrowser.ExecWB(6,1)> 
<input type=button value=直接打印 onclick=document.all.WebBrowser.ExecWB(6,6)> 
<input type=button value=页面设置 onclick=document.all.WebBrowser.ExecWB(8,1)> 
</p> 
<p> <input type=button value=打印预览 onclick=document.all.WebBrowser.ExecWB(7,1)> 
</center>

//去掉打印时的页眉页脚

<script  language="JavaScript">  
var HKEY_Root,HKEY_Path,HKEY_Key;
HKEY_Root="HKEY_CURRENT_USER";
HKEY_Path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
//设置网页打印的页眉页脚为空
function
 PageSetup_Null()
{
 try
 {
         var Wsh=new ActiveXObject("WScript.Shell");
  HKEY_Key="header";
  Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
  HKEY_Key="footer";
  Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
 }
 catch(e){}
}
//设置网页打印的页眉页脚为默认值
function
  PageSetup_Default()
{  
 try
 {
  var Wsh=new ActiveXObject("WScript.Shell");
  HKEY_Key="header";
  Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&w&b页码,&p/&P");
  HKEY_Key="footer";
  Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&u&b&d");
 }
 catch(e){}
}
</script>
<input type="button" value="清空页码" onclick=PageSetup_Null()>
<input type="button" value="恢复页码"
 onclick=PageSetup_Default()>

//浏览器验证

function checkBrowser()

   this.ver=navigator.appVersion 
   this.dom=document.getElementById?1:0 
   this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0; 
   this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; 
   this.ie4=(document.all && !this.dom)?1:0; 
   this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
   this.ns4=(document.layers && !this.dom)?1:0; 
   this.mac=(this.ver.indexOf('Mac') > -1) ?1:0; 
   this.ope=(navigator.userAgent.indexOf('Opera')>-1); 
   this.ie=(this.ie6 || this.ie5 || this.ie4) 
   this.ns=(this.ns4 || this.ns5) 
   this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope) 
   this.nbw=(!this.bw) 
   return this
;
}

//计算内容宽和高

<SCRIPT  language="javascript">  
function  test(obj)  
{  
       var  range  =  obj.createTextRange();  
       alert("内容区宽度:  "  +  range.boundingWidth    
                                                 +  "px\r\n内容区高度:  "  +  range.boundingHeight  +  "px");  
             
}  
</SCRIPT>  
<BODY>  
<Textarea id="txt" height="150">sdf</textarea><INPUT  type="button"  value="计算内容宽度"  onClick="test(txt)"
>  
</BODY>

//无模式的提示框

function modelessAlert(Msg)
{
   window.showModelessDialog("javascript:alert(\""+escape(Msg)+"\");window.close();","","status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;"
);
}
分享到:
评论

相关推荐

    【前端】<div>的排版练习【HTML+CSS+JavaScript(JS)】

    总结起来,这个练习旨在通过HTML的`&lt;div&gt;`标签,配合CSS的布局技巧和JavaScript的交互功能,提高开发者对前端排版的理解和实践能力。通过这个练习,开发者不仅能掌握基础的网页布局技巧,还能进一步熟悉动态页面的...

    HTML的一些用法及技巧(适合新手)

    字体和样式标签如`&lt;STRONG&gt;`和`&lt;B&gt;`用于加粗文本,`&lt;EM&gt;`和`&lt;I&gt;`用于斜体,`&lt;TT&gt;`呈现等宽字体,`&lt;U&gt;`添加下划线,`&lt;H1&gt;`到`&lt;H6&gt;`定义不同级别的标题,`&lt;FONT&gt;`设定字体、大小和颜色(但现在不推荐使用),`&lt;BIG&gt;`和...

    常用javascript整理

    1.JavaScript的数值处理对象学习 .txt&lt;br&gt;2.JavaScript的系统函数学习 .txt&lt;br&gt;3.js中用于对象的语句——with和for...in语句学习专题.txt&lt;br&gt;4.smallSoftkey小软键盘,...正则表达式.txt&lt;br&gt;9.55种网页常用小技巧 .txt

    javaScript小技巧。

    根据提供的文件内容,我们可以总结出以下几个JavaScript小技巧及相关知识点: ### 1. 引入外部JavaScript文件 在HTML文档中,可以通过`&lt;script&gt;`标签引入外部JavaScript文件来执行脚本代码。例如: ```html ...

    GridView实用技巧集锦

    GridView实用技巧集锦:&lt;br&gt;1 GridView无代码分页排序&lt;br&gt;2 GridView选中,编辑,取消,删除&lt;br&gt;3 GridView正反双向排序&lt;br&gt;4 GridView和下拉菜单DropDownList结合&lt;br&gt;5 GridView和CheckBox结合&lt;br&gt;6鼠标移到...

    用javascript地址栏显示源码

    此方法不仅适用于开发者快速预览和调试页面结构,对于学习前端技术的新手而言也是一个非常实用的小技巧。 #### JavaScript与HTML源码 在Web开发中,HTML(HyperText Markup Language)是用于创建网页的标准标记...

    动态网页爱心源码,支持修改文字和音乐

    4. **音乐播放**:源码可能会使用HTML5的`&lt;audio&gt;`标签来播放背景音乐,用户可以通过JavaScript来控制音乐的播放、暂停、音量等。为了兼容不同的浏览器,可能还需要引入像`howler.js`这样的音频库来处理音频播放。 ...

    大学里的HTML课件

    在&lt;head&gt;中,我们通常设置页面标题(&lt;title&gt;)、引入外部CSS样式表(&lt;link&gt;)或JavaScript文件(&lt;script&gt;)。在&lt;body&gt;中,才是实际可见的网页内容。 在HTML中,文本元素是最基本的组成部分,如段落(&lt;p&gt;)、标题(...

    HTML 语言教程.rar

    3. 标题标签:`&lt;h1&gt;`至`&lt;h6&gt;`,数字越大,标题级别越小。 4. 链接:`&lt;a href="url"&gt;链接文字&lt;/a&gt;`,`href`属性指定链接地址。 5. 图像:`&lt;img src="url" alt="替代文本"&gt;`,`src`属性指定图片URL,`alt`提供替代文本...

    网页代码常用小技巧

    表格使用&lt;table&gt;, &lt;tr&gt;, &lt;th&gt;, &lt;td&gt;等标签创建,而表单元素如&lt;input&gt;, &lt;select&gt;, &lt;textarea&gt;等用于用户交互。记住,表单可以通过action属性指定提交处理页面,method属性设置提交方式(GET或POST)。 6. **图片与...

    html入门教程

    头部&lt;head&gt;通常包含元信息,如标题&lt;title&gt;、CSS样式链接&lt;link&gt;、JavaScript脚本&lt;script&gt;等,而主体&lt;body&gt;则包含网页的实际内容,如文本、图片、链接等。 2. HTML元素:HTML元素是通过标签来表示的,如&lt;body&gt;, &lt;p&gt;, ...

    html语法教程下载

    - `&lt;div&gt;`和`&lt;span&gt;`提供布局灵活性,常与CSS结合使用。 ### 示例代码 ```html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;网页制作教学&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;欢迎来到HTML教程&lt;/h1&gt; &lt;p&gt;这是一个简单的段落...

    html学习笔记

    此外,还可以使用`&lt;link&gt;`引入外部样式表,`&lt;script&gt;`引入JavaScript代码,以增强页面交互性。 HTML的主体由`&lt;body&gt;`标签包裹,它包含了页面的实际内容。主体可以设置背景颜色、图片,以及文字颜色等样式属性。`...

    html.zip

    例如,`&lt;p&gt;`用于定义段落,`&lt;h1&gt;`到`&lt;h6&gt;`定义不同级别的标题,`&lt;a&gt;`用于创建超链接,`&lt;img&gt;`插入图片,`&lt;ul&gt;`和`&lt;ol&gt;`创建无序和有序列表,`&lt;div&gt;`作为布局容器等。 3. **属性与值**:HTML标签可以有属性,属性...

    HTML编码参考手册全

    `&lt;head&gt;`中可以包含`&lt;title&gt;`定义页面标题,`&lt;meta&gt;`标签设置元信息,以及`&lt;link&gt;`和`&lt;script&gt;`标签引入外部资源如CSS样式表和JavaScript脚本。 CSS(Cascading Style Sheets)常与HTML结合使用,用于定义页面的...

    HTML使用手册

    `&lt;span&gt;`用于在行内元素中插入小范围的样式。 三、HTML属性 标签可以有零个或多个属性,用来提供额外的信息。例如: 1. `class`属性用于关联CSS类,定义样式。 2. `id`属性为元素提供唯一的标识符,常用于...

    HTML 语言教程电子书

    而`&lt;script&gt;`标签引入JavaScript代码,实现动态效果和用户交互。 六、HTML5的新特性 HTML5引入了许多新元素和API,如`&lt;canvas&gt;`用于绘制图形,`&lt;video&gt;`和`&lt;audio&gt;`嵌入多媒体,`&lt;input type="date"&gt;`等新的输入...

    JavaScript一些技巧(转载)

    根据给定的文件信息,以下是对“JavaScript一些技巧”中涉及的关键知识点的详细解析: ### 1. 事件处理:`onBlur`, `onFocus`, `onChange`, `onSelect` 在网页开发中,事件处理是与用户交互的核心部分。`onBlur`...

    html语法手册帮助您快捷学习网络语言

    DOCTYPE&gt;`声明文档类型,`&lt;meta&gt;`定义元数据,`&lt;style&gt;`添加内联样式,`&lt;script&gt;`引入JavaScript代码,以及使用ID和Class选择器进行更精确的CSS定位。 HTML语法手册提供的信息涵盖了基本的HTML元素和用法,对初学者...

    html 技 巧 集

    - `&lt;table&gt;`、`&lt;tr&gt;`、`&lt;th&gt;`和`&lt;td&gt;`标签用于创建表格,`&lt;th&gt;`表示表头,`&lt;td&gt;`表示单元格。 9. **表单元素**(Form Elements) - `&lt;form&gt;`定义表单,`&lt;input&gt;`、`&lt;textarea&gt;`、`&lt;select&gt;`和`&lt;button&gt;`用于创建...

Global site tag (gtag.js) - Google Analytics