- 浏览: 32518 次
- 性别:
最新评论
文章列表
页面的跳转功能,通过点击事件关联一个函数进行页面的跳转。
第一种:直接跳转
点击事件页面如下
<html>
<head>
</head>
<body>
<p click="page_turnning()">点击我跳转页面</p>
</body>
<script>
function page_turnning(){
window.location.herf="object_package.html";
}
</s ...
1.html()方法
此方法类似于JavaScript中的innerHTML属性可以用来读取或者设置某个元素的HTML内容.
为了更清楚地展示效果,将<p>标签中的HTML代码为:
<p title="选择你喜欢的水果."><strong>你喜欢的水果是?</strong></p>
<script>
window.onload=function(){
var p_html=$("p").html();
alert(p_html);
} ...
本次主要为大家讲述关于html中的标签属性.
class属性 作用:用于定义一个或多个类名.(classname)
class属性大多数用于指向表中 的(class).不过,也可以利用他通过JavaScript来改变制定class的html元素.
提示: class属性不能在html元素中使用:base, head, html, meta, param, script, style 以及 title;
类名不能以数字开头.
contenteditable 属性规定元素内容为可编辑.
注释:如果元素没有设置contenteditable属性,那么元素会从 ...
对于浏览器来说web Storage存储键值比存储Cookie的方式更加直观,而且容量更大,它包含两种:localStorage和sessionStorage.
1. sesstionStorage(临时存储):为每一个数据源维持一个存储区域,在浏览器打开期间存在,包括页面加载
2. localsSorage(长期存储):与sessionStorage一样,当浏览器关闭后,数据依然存在.
sesstionStorage和localStorage的用法的基本相同,引用类型的值转换成JSON.
1.保存数据到本地
const info = {
name: 'Lee', ...
将本地文件上传到码云
- 博客分类:
- 阅读分享
将本地的项目上传到码云
1、码云上创建一个项目 testgit (名字随你)
2、本地创建一个文件夹D:/testgit,然后使用git bash
3、cd 到本地文件夹中D:/testgit,
4、使用 git init 命令 ,初始化一个git 本地仓库(项目),会在本地创建一个 .git 的文件夹
5、使用git remote add origin https://gitee.com/你的码云用户名/testgit //添加远程仓库
6、使用 git pull origin master 命令,将码云上的仓库pull到本地文件夹
7、将要上传的文件,添加到刚 ...
导航栏是我们在浏览器中最常见的页面构成,导航栏是指位于页面顶部或者侧边区域的,在页眉横幅图片上边或下边的一排水平导航按钮,它起着链接站点或者软件内的各个页面的作用。
构建导航栏的标签:ul li ol
ul li
无序列表的定义:
(网页中显示默认一般形式为:每个li标签前面都有一个圆点)
<ul>
<li>文本</li>
<li>文本</li>
</ul>
ol li
有序列表的定义
(在网页中显示的默认样式一般为:每项 li 前都自带一个序号,序号默认从1开始 ...
POS Project v0.2
POS收银机 版本:v0.2
教学目标
学会把基本描述转换成程序;
能够驾驭三个循环;
需求描述
商店里进行购物结算时会使用收银机(POS)系统,这台收银机会在结算时根据客户的购物车(Cart)中的商品(Item)进行结算和打印购物清单。
我们需要实现一个名为printInventory函数,该函数能够将指定格式的数据作为参数输入,然后在浏览器的控制台中输出结算清单的文本。
输入格式(样例):
[
'ITEM000000',
'ITEM000000',
'ITEM000000',
'ITEM000000',
...
POS机的功能:
通过给出的购物清单来实现对小票的打印,进而获得相关的商品数量,小计和总价。
知识点的应用:
通过数组、对象的索引,获取相关信息义字符串的形式,打印出来。
以下为我们的POS机相关代码
给出购物清单以及商品的信息来统计商品的数量小计,进而输出:
[
{
barcode: 'ITEM000000',
name: '可口可乐',
unit: '瓶',
price: 3.00
},
{
barcode: 'ITEM000000',
...
一.git是什么 git是目前世界上最先进的分布式版本控制系统
二. git是分布式版本控制系统,没有中央处理器,每个人的电脑是一个完整的版本库,只要在自己的电脑上修改了文件之后进行推送就可以保存。
$ cd D: //进入D盘
$ cd www //进入www目录
$ mkdir wang //创建wang目录
$ cd wang //进入wang目录
$ pwd //显示当前目录为:/d/www/wang
$git init //通过git init命令将当前目录设置为git可以管理的仓库
/*这时候你当前wang目录下会多了一个.git的目录,这个目录是Git来跟踪管理版本的 ...
CSS-DOM
主要内容 :
1.style属性的设置。
2.如何检索样式。
3.如何改变属性
网页的三层信息结构为: 1.结构层 2.行为层 2.表示层
结构层: 由 HTML和XHTML 之类的标记语言负责创建。
例:
<p>由我以及其他标签来构建页面 ...
linux下安装webstorm
- 博客分类:
- 阅读分享
安装webstorm首先应该配置环境安装 java的开源代码库,再下载安装包进行
WebStorm是基于Java的,我们需要安装Oracle JDK的支持. 注:Oracle JDK是java的开源代码库.
安装 Oracle JDK 的命令如下:
1. sudo add-apt-repository ppa:webupd8team/java
// add-apt-repository ppa:<ppa_name> 下载java开源代码库。
2.sudo apt-get update
//获取到最新的软件包(apt-get update)
3.su ...
前面我们讲述过利用getElementsByTagName和getElementById方法来获取某些特定的元素节点。
以及利用getAttribute来获取节点元素的某些特性,利用setAttribute来修改某些节点的属性。
下面我们将介绍一些DOM方法利用javascrip来改变网页的架构。
本片博客内容:
1、传统技术:document.write;innerHTML.
2、深入剖析DOM方法:creatElement、createTextNode、appendChild、insertBefor。
1、传统的定义方法
document.write 方法:
例1:
< ...
javascript面向对象的知识总结
- 博客分类:
- js阅读知识性总结
面向对象的三大特征:封装、继承、多态。面向对象的语言有一个标志,那就是类的概念,而通过类可以创建任意多个具有相同属性和方法的对象创建一个对象然后给对象新建属性和方法。第一种方法:
var box=new Object();
box.name='wang';//创建一个name属性并赋值
box.age=100;//创建一个age属性并赋值
box.run=function(){
return this.name+" "+this.age+'运用中';
}
alert(box.run());//输出属性和方法的值
//输出结果为:
...
js中插入时间
myDate.getFullYear(); //获取完整的年份
myDate.getMonth(); //获取当前的月份
my Date.getDay(); //获取当前日期
myDate.getHours(); //获取当前小时数
myDate.getMinuters(); //获取当前的分钟数
myDate.getSecondss(); //获取当前秒数
indexOf("0") //判断字符串中是否含有某个元素
例:
var stu="000233";
stu.indexOf ...
输出被选中的标签个数
- 博客分类:
- 阅读分享
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="checkbox" value="1"name="check" checked="checked"/>
<input t ...