今天星期一,参加培训的第四十六天,早上起来,继续看java编程思想,然后现在看到什么地方了,忘记了,挺纠结,好吧,然后今天终于把html看完了,然后还想看一下html5,没有别的什么了。
今天老师讲的是layerui的一些用法,也没有别的什么了,然后我继续看js,也没有别的什么,就这样了,然后,就是贴一些代码罢了。嗯就是这样。
html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="../layui/css/layui.css" type="text/css"/>
<script type = "text/javascript" src="../js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="../layui/layui.js" ></script>
<script type="text/javascript" src="../js/LayerTest.js"></script>
</head>
<body>
<div style="width:1000px;height:600px">
<!-- 内容主体区域 -->
<div style="padding: 15px;">
内容主体区域
<div hidden="hidden" id="addList">
<input type="text" id="date1"/>
<button>添加</button>
</div>
<input type="text" />
<button>添加</button>
<div class="layui-carousel" id="test1">
<div carousel-item>
<div style="background-color:red">1</div>
<div style="background-color:yellow">1</div>
<div style="background-color:green">1</div>
<div style="background-color:blue">1</div>
<div style="background-color:purple">1</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="../layui/css/layui.css" type="text/css"/>
<script type = "text/javascript" src="../js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="../layui/layui.js" ></script>
<script type="text/javascript" src="../js/LayerTest.js"></script>
</head>
<body>
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo">layui 后台布局</div>
<!-- 头部区域(可配合layui已有的水平导航) -->
<ul class="layui-nav layui-layout-left">
<li class="layui-nav-item"><a href="www.baidu.com">控制台</a></li>
<li class="layui-nav-item"><a href="www.sougou.com">商品管理</a></li>
<li class="layui-nav-item"><a href="">用户</a></li>
<li class="layui-nav-item">
<a href="javascript:;">其它系统</a>
<dl class="layui-nav-child">
<dd><a href="">邮件管理</a></dd>
<dd><a href="">消息管理</a></dd>
<dd><a href="">授权管理</a></dd>
</dl>
</li>
</ul>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item">
<a href="javascript:;">
<img src="http://t.cn/RCzsdCq" class="layui-nav-img">
贤心
</a>
<dl class="layui-nav-child">
<dd><a href="">基本资料</a></dd>
<dd><a href="">安全设置</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="">退了</a></li>
</ul>
</div>
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<!-- 左侧导航区域(可配合layui已有的垂直导航) -->
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a class="" href="javascript:;">所有商品</a>
<dl class="layui-nav-child">
<dd><a href="#" οnclick="getNewPage()">列表一</a></dd>
<dd><a href="javascript:;">列表二</a></dd>
<dd><a href="javascript:;">列表三</a></dd>
<dd><a href="">超链接</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">解决方案</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;">列表一</a></dd>
<dd><a href="javascript:;">列表二</a></dd>
<dd><a href="">超链接</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="">云市场</a></li>
<li class="layui-nav-item"><a href="">发布商品</a></li>
</ul>
</div>
</div>
</div>
<div class="layui-body" style="margin-top:100px;margin-left:100px;width:1000px;height:640px">
<iframe src="index.html" style="width:800px;height:530px" name="rightframe">
</iframe>
</div>
</body>
</html>
js:
/**
*
*/
var a = false;
var b = "";
var c;
if (c) {
alert(c);
alert(a === b);
}
$(function() {
$("button:last").click(addList);
layui.use([ 'element', 'carousel' ], function() {
var element = layui.element;
var carousel = layui.carousel;
carousel.render({
elem : '#test1',
width : '300px' // 设置容器宽度
,
arrow : 'always' // 始终显示箭头
// ,
// anim : 'updown' // 切换动画方式
,
interval : '1000'
});
});
});
function addList() {
alert("11");
layui.use('layer', function() {
var layer = layui.layer;
layer.open({
type : 1,
area : [ '700px', '450px' ],
fixed : false, // 不固定
maxmin : true,
content : $('#addList'),
success : function() {
timeAdd();
}
});
})
}
function timeAdd() {
layui.use('laydate', function() {
var laydate = layui.laydate;
laydate.render({
elem : '#date1',
type : 'datetime'
});
});
$("button:first").click(addList1);
}
function addList1() {
$("input:last").val($("input:first").val());
}
function getNewPage(){
window.open("http://www.baidu.com","rightframe");
}
function test() {
}
txt整理:
180423
var beatles = Array(4);可以不指定数量
var beatles = Array("1","2","3");
var beatles=["1","2","3"];
创建对象:
var lennon={name:"john",year:1940};
lennon.name, lennon.year
sibling兄弟
getElementById
getElementsByTagName
getElementsByClassName
getAttribute
setAttribute//作用于元素结点
script可以放到最后
压缩脚本工具:jsmin ,yui compressor,closure conmpiler
insertBefore()在已有元素前插入一个新元素
然后可以常用的js脚本:
/**
*
*/
//加载方法
function addLoadEvent(func){
var oldοnlοad=window.onload;
if(typeof window.onload!='function'){
window.οnlοad=func;
}else{
window.οnlοad=function(){
oldonload();
func();
}
}
}
//在元素后插入结点
function insertAfter(newElement,targetElement){
var parent = targetElement.parentNode;
if(parent.lastChild==targetElement){
parent.appendChild(newElement);
} else {
parent.insertBefore(newElement,targetElement.nextSibling);
}
}
好了,没有别的什么,就这样了,还有别的什么的话就放在明天再说吧,明天应该就忘了,所以呢,就不说了,好了就这样 ,结束。