如何通过javascript动态地在网页指定位置显示文本块？
我现在想做一个javascript小程序，在网页内容中查找所有的“hello”，并在每一个“hello”附近显示一块图片或文本。这个新添加上去的文本或图片 要半透明地浮在原来的“hello”上面，不能改变原本的网页布局。
请问这个有办法通过javascript实现吗？
如果有办法，请详细指出如何做到？
可以具体一些吗？我追加到200分了，如果能解答真是感激不尽：）
我需要
1.获取任何一个子字符串的绝对位置，比如<p>hello，world</p>我要获得其中那个逗号在页面里的位置。
2.我要放一个浮动层到那个位置上去。
可以写一些示例代码吗？
我的邮箱是kane.chen.ck@gmail.com
原理很简单,实现起来有点复杂,特别是要同时适应IE,Firefox.正好我现在在做类似的功能,呵呵.
//可以用层实现网页上的绝对定位. 把内容放在层里.
当然,浏览器想要实现对层的绝对定位,并不像应用程序哪么简单,需要用js+css配合.
我建议你去下个firefox + firebug 来调试. 比微软的哪个调试工具方便百倍,强大千倍.
首先是css. 如果你想实现任意的层在浏览器内用绝对的定位,哪先要把页面的根
也就是body 的css样式置relative 然后层的css样式置absolute .这样凡是浮动的内容,然后每嵌套一层,就要根据实际情况指定它的position问题,就可以根据页面的body的坐标来浮动了.
当然,获取某一层内的坐标转换为绝对坐标,需要写个js函数,递归的返回它的上一层的坐标相加,直到body.
至于获取层的内容,应该用 js的正则用来搜索网页动态替换,用js动态的创建层然后显示. 如果不行,哪就要在生成这个页面的时候,动态生成这个信息了. 这个我没有研究过.不过我知道肯定可以实现的.
//你给个邮箱我,我发你一点代码.
//可以用层实现网页上的绝对定位. 把内容放在层里.
当然,浏览器想要实现对层的绝对定位,并不像应用程序哪么简单,需要用js+css配合.
我建议你去下个firefox + firebug 来调试. 比微软的哪个调试工具方便百倍,强大千倍.
首先是css. 如果你想实现任意的层在浏览器内用绝对的定位,哪先要把页面的根
也就是body 的css样式置relative 然后层的css样式置absolute .这样凡是浮动的内容,然后每嵌套一层,就要根据实际情况指定它的position问题,就可以根据页面的body的坐标来浮动了.
当然,获取某一层内的坐标转换为绝对坐标,需要写个js函数,递归的返回它的上一层的坐标相加,直到body.
至于获取层的内容,应该用 js的正则用来搜索网页动态替换,用js动态的创建层然后显示. 如果不行,哪就要在生成这个页面的时候,动态生成这个信息了. 这个我没有研究过.不过我知道肯定可以实现的.
javascript怎样获取动态生成div的Id值
现在来说第一个方法：假如你在上面的代码的标签中假如这样一个id ：那么可以这样来找到DIV的ID值：var the_div_id = document.getElementById("test").getElementsByTagName("div")[0].id;这样要求一点点小技巧。至于你说如何取DIV的动态ID，这样还不简单么？随便取个字符串然后加上一些有规律的...
javascript获取元素(javascript中获取元素的方法有哪些)
JS如何获取某个DIV下的元素1、新建一个html文件，命名为test.html，用于讲解Jquery如何获得div下的元素。2、在test.html文件内，使用div标签创建一个模块，在div内，使用p标签，span标签创建测试的内容。3、在test.html文件内，设置div的id属性为divcon，主要用于下面通过该id获得div对象。4、在test.htm...
js如何弹出页面js如何弹出页面窗口
1直接提示仅确认功能的提示框只显示提示信息alert(“提示信息”); alert();只有一个参数是提示信息,没有返回值。 2弹出输入框让你输入内容提示(); 有两个参数:第一个显示提示信息,第二个显示输入框的默认值。 3功能确认(“提示信息”),具有确认和取消功能; 有一个参数返回值true或false,即提示信息。 用法如...
JavaScript文档节点和文本节点一样吗?
最简单的方法就是用元素的innerHTML属性赋值,如:myNewElement.innerHTML = “我是文本”;但这样不能清晰的体现DOM中新增加了一个文本节点。 然后另一种添加文本节点的方式,可分为两步: 1、创建节点:文本节点的创建使用createTextNode方法,如:var myText = document.createTextNode(“我是文本”); 2、将创建的...
怎么编写一个JavaScript程序,实验对文本块的字数统计
function getnum(){ var stra=document.getElementById("texta").value;alert(stra.length);} <textarea id="texta"><\/textarea>
javascript中 visibility和display的区别
将元素visibility属性设为 visible，显示元素内容。2、回应正常文档流的不同。如果你想隐藏某元素，但在页面上保留该元素的空间的话，你应该使用visibility：hidden 。如果你想在隐藏某元素的同时让其它内容填充空白的话应该使用display：none 。在现实中我发现人们更多的倾向于使用display 属性（相信这也是大...
如何实现CSS,HTML网页的文本可编辑并可保存?
1.cookie或sessionStorage（html5内容），最好不要用，有时间限制，不能存放大量内容。2.html5的新内容，localStorage，现在最新的浏览器还是能支持的。http:\/\/www.w3school.com.cn\/html5\/html_5_webstorage.asp，这里就有介绍。最好还是用服务器，可以在线保存，你先得有一台服务器，然后写，可以用...
javascript怎么写幻灯片js网页幻灯片代码
.按钮{位置:绝对；z指数:1000；右:0px底部:2px字体大小:13px字体粗细:粗体；字体系列:Arial，Helvetica，无衬线；} .b1，.B2{background-color:#666666；显示:块；浮动:左；填充:2px6pxmargin-right:3px；颜色:#FFFFFF文字-装饰:无；光标:指针；} .B2{color:#ffcc33；背景色:#FF6633} \/\/...
nodejs截图指定区域?
做图主程序使用js和canvas进行编写,js根据传入的参数,计算出最合适的模板,然后进行配色、配置背景图、装饰文本、装饰商品图等各种繁琐细节的操作,最终在HTML里通过canvas渲染出所有的创意图片。 最后再通过nodejs,做图完成,nodejs再调用puppeteer计算位置关系等进行截图,生成最终的图片。怎么通过一个url对一个网页进行截...
...把文本写入文本框的问题,也应该是关于javascript的问题吧
document.getElementById ("body").value=="<%=(rs.getString("content"))%>";你这句话写错了，value后面是一个=号而不是两个，两个是判断真假的。你可以使用 谷歌浏览器 ，在相应的js执行后，按 f12 键，打开 JavaScript 的调试功能，查看你这段代码所在的页面，看看js在什么地方出现的错误，...
