THE FOURTY-SIXTH DAY

    今天星期一,参加培训的第四十六天,早上起来,继续看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);
    }
}
好了,没有别的什么,就这样了,还有别的什么的话就放在明天再说吧,明天应该就忘了,所以呢,就不说了,好了就这样 ,结束。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值