本文目录一览:
- 1、求一段javascript代码,验证框里输入的的js不会执行,而是发布出来。
- 2、textarea中使用JS代码的问题
- 3、如何用JS往textarea框里面添加
- 4、js修改textarea
- 5、怎么通过js给textarea赋值
- 6、如何利用JS代码选取textarea中的指定行
求一段javascript代码,验证框里输入的的js不会执行,而是发布出来。
我明白你的需求了..改一下答案...
//定义函数,把字符串转化为html实体.
function htmlspecialchars(string){
string = string.toString();
string = string.replace(//g, '').replace(//g, '').replace(/'/g, ''').replace(/"/g, '"');
return string;
}
修改后run
function run()
{
var value = document.getElementById("a").value;
var Tb = document.getElementById("b");
Tb.innerHTML=htmlspecialchars(value);
}
很坑啊...百度把我写的给转化了....
textarea中使用JS代码的问题
按照apollo47的说法
当你取回来后再转换一次就好
return orgStr.replaceAll("br","\r\n" );
我们再做开发时候一般会做个转换的工具类
或者使用FCKEditor这种开源的组件
一般采用后者来做 网上很多 下个拿来就用
如何用JS往textarea框里面添加
不知道你用没有jequry框架,当然用不用这个不影响,你的意思如果是用js向
textarea里面写入数据的话,很简单的,你先用选择器选择到textarea对象,比如用id选择器,var obj = document.getElementById(""); 选择好对象后,直接用obj.value = "你想要添加的内容";
js修改textarea
使用onsubmit需注意:当使用普通的按钮(input type=button)调用form.submit()方法提交表单而非直接使用提交按钮(input type=submit)提交表单时,不能触发onsubmit事件。
其实对于楼主这种需求(在提交前对表单做一定处理),可以使用普通按钮调用一个定义好的函数,在这个函数的末尾调用submit动作提交表单就行了,没有必要使用onsubmit。
怎么通过js给textarea赋值
textarea标签是成对出现的,以textarea开 始,以/textarea结束
属性:
Common -- 一般属性
cols -- 多行输入域的列数
rows -- 多行输入域的行数
alt -- 代表表单的提示文字,当鼠标停留时
accesskey -- 表单的快捷键访问方式
disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用
readonly -- 输入域可以选择,但是无法修改
tabindex -- 输入域,使用"tab"键的遍历顺序
引用网址:
没见value属性,但实际还可用,赋值时用innerText、innerHTML、value都可以,如下:
html
head/head
script type="text/javascript"
function changeTextArea(){
document.getElementByIdx_x("myTextArea").innerText=document.getElementByIdx_x("myTextArea").innerText+"\ninnerText is ok!";
document.getElementByIdx_x("myTextArea").innerHTML=document.getElementByIdx_x("myTextArea").innerText+"\ninnerHTML is ok!";
document.getElementByIdx_x("myTextArea").value=document.getElementByIdx_x("myTextArea").innerText+"\nvalue is ok!";
}
/script
body
textarea name= "myTextArea" cols= "80 " rows= "10 "原始值/textarea
input type="button" value="按钮" onclick="changeTextArea()"/
/body
/html
如何利用JS代码选取textarea中的指定行
【实例名称】
选取textarea中的指定行
【实例描述】
使用控件的focus或select方法,可以很方便地选取textarea的所有内容,但却无法实现某行的选取。本例讲解如何选取textarea中的指定行。
【实例代码】
function getTxtRow(num, mytxt) //获取指定行的方法-第二个参数为文本框ID
{
//获取文本框内当前光标的位置
var range = document.getElementById(mytxt).createTextRange();
var rect = range.getClientRects();//返回一个矩形
var left = rect[0].left;
if(num rect.length - 1 || num 0)
return;
if(num == 0) //选择第一行的情况
{
//设置选择范围
var right = rect[0].right;
range.moveEnd("character",-range.text.length);
while(range.offsetLeft + range.boundingWidth right)
{
range.expand("character");
}
return range;
}
else
{
//设置选择范围
var right = rect[num].right;
var range = getTxtRow(num - 1, mytxt);
range.moveStart("character",range.text.length + 1);
while((range.offsetLeft + range.boundingWidth) right)
{
range.expand("character");
}
if(range.offsetLeft left)
range.moveStart("character",-1);
return range;
}
}
//选择指定行数的方法
function getText(num)
{
var range = getTxtRow(num,"txt")//调用真正的获取行方法
if(range != null) //如果指定的行内容不为空
{
alert(range.text);
range.select(); //选择指定的行
}
}
/SCRIPT