selection对象在js中怎么用啊

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了selection对象在js中怎么用啊相关的知识,希望对你有一定的参考价值。

参考技术A 分类: 电脑/网络 >> 程序设计 >> 其他编程语言
问题描述:

自己照书写了点代码,但没什么结果,不知道是代码出了问题还是其他的原因代码如下

<script language="javascript">

function changeNews()



var c=this.option[selectedIndex].value;

if(selection.creatRange().text!='')



selection.creatRange().text='<font[space]face='+c+'>'+selection.creatRange().text+'</font>';



else

alert("dsfdsf");

myform.txtcontent.value='<font[space]face='+c+myform.txtcontent.value+'</font>';



alert(selection.creatRange().text);

document.myform.txtcontent.value='hah';



</script>

字体 <select onChange="changeNews();"

name=font >

<option selected value="宋体">宋体</option>

<option value="楷体_GB2312">楷体</option>

<option value="黑体">黑体</option>

<option value="隶书">隶书</option>

<option value="华文新魏">华文新魏</option>

<option value="Arial">Arial</option>

<option value="Script MT Bold">Script MT Bold</option>

</select>

<form name=myform action="prac2.asp" >

<textarea rows="20"cols="60" name=txtcontent></textarea>

<input type=submit>

</form>

解析:

没有正确取到select的value,简单改了一下

<script language="javascript">

function changeNews(c)



myform.txtcontent.focus()

var s = document.selection.createRange();

if(s.text!='')



alert(s.text)

s.text='<font[space]face='+c+'>'+s.text+'</font>';



else

alert("dsfdsf");

myform.txtcontent.value='<font[space]face='+c+'>'+myform.txtcontent.value+'</font>';





</script>

字体<select onChange="changeNews(this.value);"

name="font" >

<option selected value="宋体">宋体</option>

<option value="楷体_GB2312">楷体</option>

<option value="黑体">黑体</option>

<option value="隶书">隶书</option>

<option value="华文新魏">华文新魏</option>

<option value="Arial">Arial</option>

<option value="Script MT Bold">Script MT Bold</option>

</select>

<form name=myform action="prac2.asp" >

<textarea rows="20"cols="60" name=txtcontent></textarea>

<input type=submit>

要实际应用,还要加些代码,只响应txtcontent及判断选择是否为空~

css样式表怎么用啊

CSS的调用,按照CSS出现在页面的不同位置,可以分为3种方法:
  元素中直接使用;
  从页面头部调用;
  采用链接的形式调用。
  不同的调用方法有不同的写法和优先级。下面分别做一下介绍。
  一、元素中直接使用
  这种调用方式的写法如下:
<元素名称 style="属性:属性值;"></元素名称>
  在样式中直接使用CSS,语法是使用style标签,在双引号中,样式的语法结构和独立样式表中完全相同。例如:
<div style="width:240px;height:80px;background-color:#cccccc;text-align:center;font-size:14px">
示例:元素中直接调用。</div>
  该样式中定义了元素宽、高为360、80像素,背景色为灰色,字体大小为14像素。其应用到页面中的显示如图1。
  二、从页面头部调用
  从页面头部调用CSS是将CSS写在页面的head元素中,然后在页面中调用。其语法结构如下:
<style>
选择符属性:属性值;
</style>
  页面上的所有样式都可以写在<style>和</style>中。使用这种方式调用CSS,在页面中必须有相应的调用代码。
  其中,类选择符的调用代码如下:
<元素名称 class="类选择符名称"></元素名称>
  ID选择符的调用代码如下:
<元素名称 id="id 类选择符名称"></元素名称>
  下面我们来用一个示例演示一下。
<head>
<title>CSS调用方法</title>
<style>
.content
background-color: #cccccc;
font-size: 14px;
width: 240px;
height: 80px;
color: Blue;
text-align: center;

</style>
</head>
<body>
<div class="content">示例:从页面头部调用。</div>
</body>
  该样式应用到页面的效果如图2所示。
  三、采用链接的形式调用
  采用链接的形式调用CSS通常有两种方法:
  使用link元素
  使用link元素调用CSS的语法如下:
<link rel="stylesheet" href="css文件路径" type="text/css"/>
  其中rel="stylesheet"指这个link和其href之间的关联样式为样式表文件。type="text/css"指文件类型是样式表文本。
  使用@import
  使用@import调用和使用link元素调用的区别在于,使用@import的调用方法只能使用在样式文件中,即只能在调用的样式文件,或style元素中才能正常使用
参考技术A CSS的调用,按照CSS出现在页面的不同位置,可以分为3种方法:
元素中直接使用;
从页面头部调用;
采用链接的形式调用。
不同的调用方法有不同的写法和优先级。下面分别做一下介绍。
一、元素中直接使用
这种调用方式的写法如下:
<元素名称 style="属性:属性值;"></元素名称>
在样式中直接使用CSS,语法是使用style标签,在双引号中,样式的语法结构和独立样式表中完全相同。例如:
<div style="width:240px;height:80px;background-color:#cccccc;text-align:center;font-size:14px">
示例:元素中直接调用。</div>
该样式中定义了元素宽、高为360、80像素,背景色为灰色,字体大小为14像素。其应用到页面中的显示如图1。
二、从页面头部调用
从页面头部调用CSS是将CSS写在页面的head元素中,然后在页面中调用。其语法结构如下:
<style>选择符属性:属性值;
</style>
页面上的所有样式都可以写在<style>和</style>中。使用这种方式调用CSS,在页面中必须有相应的调用代码。
其中,类选择符的调用代码如下:
<元素名称 class="类选择符名称"></元素名称>
ID选择符的调用代码如下:
<元素名称 id="id 类选择符名称"></元素名称>
下面我们来用一个示例演示一下。
<head>
<title>CSS调用方法</title>
<style>
.content
background-color: #cccccc;
font-size: 14px;
width: 240px;
height: 80px;
color: Blue;
text-align: center;

</style>
</head>
<body>
<div class="content">示例:从页面头部调用。</div>
</body>
该样式应用到页面的效果如图2所示。
三、采用链接的形式调用
采用链接的形式调用CSS通常有两种方法:
使用link元素
使用link元素调用CSS的语法如下:
<link rel="stylesheet" href="css文件路径" type="text/css"/>
其中rel="stylesheet"指这个link和其href之间的关联样式为样式表文件。type="text/css"指文件类型是样式表文本。
使用@import
使用@import调用和使用link元素调用的区别在于,使用@import的调用方法只能使用在样式文件中,即只能在调用的样式文件,或style元素中才能正常使用
参考技术B 标签:样式表,css问题补充:CSS是Cascading Style Sheets(层叠样式表)的简称。CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)。在标准网页设计中CSS负责网页内容(XHTML)的表现。 CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀。可以通过简单的更改CSS文件,改变网页的整体表现形式。在HTML中引入CSS的方式:1.直接插入式如:定义一个段落中首行缩进,<style type="text/css"  <!--  .p text-indent: 2em  --  </style2.使用 链接外部样式表<head<link href="main.css" rel="stylesheet" type="text/css"</head3.使用CSS"@import"导入样式表<style<!--@import "link.css".style1 color: #0099cc--</style4.在内部元素中使用"STYLE"标记来定义样式表等。<span你好</span</div顺序:浏览器在处理网页中的样式表是按照一定的顺序来处理的,首先检查页面中是否有直接插入式CSS,如果存在就先执行它,针对本句的其它CSS就不去管它了;接着检查网页源代码中的"STYLE"标记,有就执行了;接下来再依次检查执行"@import"导入的内部样式表和 链接的外部样式表。本回答被提问者采纳 参考技术C 只要在表格里面插入 class="这里是CSS文件里面定义的样式"

以上是关于selection对象在js中怎么用啊的主要内容,如果未能解决你的问题,请参考以下文章

多个select标签需要被同一个JS函数调用,怎么知道选中的是哪一个select标签??

SQL 中 exists 是怎么回事啊 怎么用啊 老师没讲懂 呵呵 高手都来帮忙啊

JS怎么动态添加与删除select中的多条Option对象

js jquery 怎么让选中状态的select 赋值给另一个对象..

怎么在js中获得select标签被选中的值

SQL语句中的别名为啥不能用啊