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

javascript小技巧<六>

阅读更多

小技巧//设置光标位置

function getCaret(textbox)
{
 var control = document.activeElement;
 textbox.focus();
 var rang = document.selection.createRange();
  rang.setEndPoint("StartToStart",textbox.createTextRange())
 control.focus();
 return rang.text.length;
}
function setCaret(textbox,pos)
{
 try
 {
  var r =textbox.createTextRange();
   r.moveStart('character',pos);
   r.collapse(true);
   r.select();
 }
 catch(e)
 {}
}
function selectLength(textbox,start,len)
{
 try
 {
  var r =textbox.createTextRange();
 
  r.moveEnd('character',len-(textbox.value.length-start));
  r.moveStart('character',start);
  
  r.select();
 }
 catch(e)
 {
//alert(e.description)}
}
function
 insertAtCaret(textbox,text)
{
 textbox.focus();
 document.selection.createRange().text = text;
}


//页内查找

function findInPage(str)
{
 var txt, i, found,n = 0;
 if (str == "")
 {
  return false;
 }
 txt = document.body.createTextRange();
 for (i = 0; i <= n && (found = txt.findText(str)) != false; i++)
 {
  txt.moveStart("character", 1);
  txt.moveEnd("textedit");
 }
 if (found)
 {
  txt.moveStart("character", -1);
  txt.findText(str);
  txt.select();
  txt.scrollIntoView();
  n++;  
 }
 else
 {
  if (n > 0)
  {
   n = 0;
   findInPage(str);
  }
  else
  {
   alert(str + "...            您要找的文字不存在。\n \n请试着输入页面中的关键字再次查找!");
  }
 }
 return false
;
}

//操作EXECL

<script language="javascript">
function jStartExcel() {
 var xls = new ActiveXObject ( "Excel.Application" );
 xls.visible = true;
 var newBook = xls.Workbooks.Add;
 newBook.Worksheets.Add;
 newBook.Worksheets(1).Activate;
 xls.ActiveWorkBook.ActiveSheet.PageSetup.Orientation = 2;
 xls.ActiveWorkBook.ActiveSheet.PageSetup.PaperSize = 5;
 newBook.Worksheets(1).Columns("A").columnwidth=50;
 newBook.Worksheets(1).Columns("A").WrapText = true;
 newBook.Worksheets(1).Columns("B").columnwidth=50;
 newBook.Worksheets(1).Columns("B").WrapText = true;
 newBook.Worksheets(1).Range("A1:B1000").NumberFormat = "0";
 newBook.Worksheets(1).Range("A1:B1000").HorizontalAlignment = -4131;
 newBook.Worksheets(1).Cells(1,1).Interior.ColorIndex="15";
 newBook.Worksheets(1).Cells(1,1).value="First Column, First Cell";
 newBook.Worksheets(1).Cells(2,1).value="First Column, Second Cell";
 newBook.Worksheets(1).Cells(1,2).value="Second Column, First Cell";
 newBook.Worksheets(1).Cells(2,2).value="Second Column, Second Cell";
 newBook.Worksheets(1).Name="My First WorkSheet"
;
}
</script>


//自定义提示条

<a href="#" title="这是提示">tip</a>
<script Language="JavaScript">
//***********默认设置定义.*********************
tPopWait=50;
//停留tWait豪秒后显示提示。
tPopShow=5000;
//显示tShow豪秒后关闭提示
showPopStep=20;
popOpacity=99;
//***************内部变量定义*****************
sPop=null;
curShow=null;
tFadeOut=null;
tFadeIn=null;
tFadeWaiting=null;
document.write("<style type='text/css'id='defaultPopStyle'>");
document.write(".cPopText {  background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");
document.write("</style>");
document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");

function showPopupText(){
var o=event.srcElement;
MouseX=event.x;
MouseY=event.y;
if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
        if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
if(o.dypop!=sPop) {
sPop=o.dypop;
clearTimeout(curShow);
clearTimeout(tFadeOut);
clearTimeout(tFadeIn);
clearTimeout(tFadeWaiting);
if(sPop==null || sPop=="") {
dypopLayer.innerHTML="";
dypopLayer.style.filter="Alpha()";
dypopLayer.filters.Alpha.opacity=0;
}
else {
if(o.dyclass!=null) popStyle=o.dyclass 
else popStyle="cPopText";
curShow=setTimeout("showIt()",tPopWait);
}
}
}
function showIt(){
dypopLayer.className=popStyle;
dypopLayer.innerHTML=sPop;
popWidth=dypopLayer.clientWidth;
popHeight=dypopLayer.clientHeight;
if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24
else popLeftAdjust=0;
if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24
else popTopAdjust=0;
dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;
dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;
dypopLayer.style.filter="Alpha(Opacity=0)";
fadeOut();
}
function fadeOut(){
if(dypopLayer.filters.Alpha.opacity<popOpacity) {
dypopLayer.filters.Alpha.opacity+=showPopStep;
tFadeOut=setTimeout("fadeOut()",1);
}
else {
dypopLayer.filters.Alpha.opacity=popOpacity;
tFadeWaiting=setTimeout("fadeIn()",tPopShow);
}
}
function fadeIn(){
if(dypopLayer.filters.Alpha.opacity>0) {
dypopLayer.filters.Alpha.opacity-=1;
tFadeIn=setTimeout("fadeIn()"
,1);
}
}
document.onmouseover=showPopupText;
</script>
分享到:
评论

相关推荐

    【前端】<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`提供替代文本...

    select option带自定义图片

    然而,原生的`&lt;option&gt;`元素并不支持直接添加图片,但通过一些JavaScript和CSS的技巧,我们可以实现自定义带有图片的`&lt;option&gt;`效果。以下是一个关于如何在`&lt;select&gt;`和`&lt;option&gt;`中添加自定义图片的详细教程。 ...

    网页代码常用小技巧

    表格使用&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入门教程

    1. 标题标签:HTML提供&lt;h1&gt;到&lt;h6&gt;六个级别的标题标签,表示从主标题到子标题的层次。每个标题标签都独立成段,如: `&lt;h1&gt;主标题&lt;/h1&gt; &lt;h2&gt;二级标题&lt;/h2&gt; ...` 2. 段落标签:&lt;p&gt;和&lt;/p&gt;用于定义文本段落。连续的&lt;p...

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

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

    详细的HTML+CSS+JavaScript网页设计.pdf

    &lt;li&gt;&lt;a href="#introduction"&gt;介绍&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#projects"&gt;项目展示&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#skills"&gt;技能概览&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#contact"&gt;联系方式&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/header&gt; ``` ...

    JavaScript一些技巧(转载)

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

Global site tag (gtag.js) - Google Analytics