js怎么通过button将输入框的内容导入无序列表

JavaScript013

js怎么通过button将输入框的内容导入无序列表,第1张

1.无序列表的属性

list-style 分为三小类

(1)list-style-type

none:无标记。disc:实心圆(默认)。circle:空心圆。

square:实心方块。decimal:数字。

(2)list-style-position

inside 数字或者方格样式在li的里面,占用li的宽度

outside则是在li的外面,不占用li的宽度

(3)list-style-image 使用图像来替换列表项的标记

2.隐藏的四种方式

(1)visibility:hidden将元素隐藏,但是在网页中该占的位置还是占着

(2)display :none 元素显示为无,不占位置。

(3)opacity:0 透明度

(4)height:0 高度为0

简单介绍一下JavaScript

脚本语言 用来做特效 表单验证

1.组成 (1)ECMAScript 核心

(2) Bom 浏览器对象模型

Window 窗口

History 历史记录

Location 地址

Document(文档 提交点击)

  (3)Dom 文档对象模型。

引外部文件<script type=“text/javascript” src=></script>双标签

2.分类

(1)行内<onClick=”alert()”>

(2)内嵌 (位置不限)

<script type=”text/javascript”>

alert()

</ script >

<script type=”text/javascript”>

Function xxx(){

alert()

}

</ script >

  (3)外部

注释// 单行注释 /**/css的注释用在js里是多行注释

按顺序执行 所以js放在页面显示的代码后面

中文名:

无序列表

外文名:

UNordered List

符号样式:

disc、circle、square、none

插入标志:

利用成对的<ul></ul>

定义序列:

列表项标签<li></li>

应用学科:

网页制作。

无序列表是一个没有特定顺序的列表项的集合,也称为项目列表。在无序列表中,各个列表之间属于并列关系,没有先后顺序之分,它们之间以一个项目符号来标记。使用无序列表标签ul的type属性(使用CSS的list-style来代替),用户可以指定出现在列表项前的项目符号的样式,主要有:disc(实心圆点)、circle(空心圆点)、square(实心方块)、none(无项目符号)。

HTML的列表元素是一个由列表标签封闭的结构,包含的列表项由<li></li>组成。 无序列表顾名思义,无序列表就是列表结构中的列表项没有先后顺序的列表形式。大部分网页应用中的列表均采用无序列表,其列表标签采用<ul></ul>,编写方法如下:<ul><li>列表项一</li><li>列表项二</li><li>列表项三</li><li>列表项四</li><li>列表项五</li></ul> 有序列表顾名思义,有序列表就是列表结构中的列表项有先后顺序的列表形式,从上到下可以有各种不同的序列编号,如1、2、3或a、b、c等。在目录下创建网页文件,命名为ul_ol.htm,编写代码。 ul_ol.htm<html><head><title>列表的设置</title></head><body><font size="5">网页前台技术<ul><li>HTML</li><li>CSS</li><li>JavaScript</li><li>FLASH</li></ul>网页后台的学习<ol><li>ASP</li><li>ASP.net</li><li>PHP</li><li>CGI</li><li>Ruby</li><li>Python</li></ol></font></body></html>在浏览器输入地址浏览效果。