08_JS节点属性、日期对象、定时器、String

节点属性

获取节点属性

getAttribute(属性) 获取属性

通过这个方法，可以得到某些元素的某些属性。
alert(demo.getAttribute("id"));
alert(demo.getAttribute("class"));
alert(demo.getAttribute("title"));
弹出对话框：弹出title里面的内容

设置节点属性

setAttribute(“属性”,”值”);

比如说，我们想要把一个类名改为 demo
div.setAttribute(“class”,”demo”);

删除某个属性

removeAttribute(“属性”);

demo.removeAttribute(“title”) ;之后这个盒子就没有title属性，因为给删掉了。

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .mbox-one{
          color: red;
        }
    </style>
    <script type="text/javascript">
        window.onload = function () {
            var demo = document.getElementById("mbox");
            console.dir(demo.getAttribute("id"));//mbox
            console.dir(demo.getAttribute("class"));//box
            console.dir(demo.getAttribute("title"));//mybox

            demo.setAttribute("class","mbox-one");

            demo.removeAttribute("title");

            console.dir(demo.getAttribute("title"));//null
        }
    </script>
</head>
<body>
    <div class="box" id="mbox" title="mybox">1235</div>
</body>
</html>

例：生成轮播图的页脚(张数)

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        body,ul,li{
            margin: 0;
            padding: 0;
        }
        .box{
            width: 730px;
            height: 454px;
            margin: 100px auto;
            position: relative;
        }
        ul,li{
            list-style: none;
        }
        .box-img{
            width: 730px;
            height: 454px;
            overflow: hidden;
        }
        .pager{
            position: absolute;
            bottom: 10px;
            left: 50%;
            margin-left: -75px;
        }
        .pager span{
            display: inline-block;
            width: 24px;
            height: 24px;
            text-align: center;
            line-height: 24px;
            background-color: #333;
            border-radius: 12px;
            color: #fff;
            margin-left: 6px;
        }
        .pager span.current{
            color: #fff;
            background-color: #fff;
            color: #333;

        }
    </style>
    <script type="text/javascript">
        window.onload = function () {
            var box = document.getElementById("scroll");
            var pagerBox = document.createElement("div");
            pagerBox.className = "pager";
            box.appendChild(pagerBox);

            var ul = document.getElementsByTagName("ul")[0];
            var lis = ul.children;
            for(var i=0 ;i<lis.length ; i++){
                var newSpan = document.createElement("span");
                newSpan.innerHTML = i+1;
                pagerBox.appendChild(newSpan);
            }
            var curSpan = pagerBox.children[1];//第二个被选中
//            curSpan.className = "current";
            curSpan.setAttribute("class","current");
        }
    </script>
</head>
<body>
    <div class="box" id="scroll">
        <div class="box-img">
            <ul>
                <li>![](images/11.jpg)</li>
                <li>![](images/22.jpg)</li>
                <li>![](images/33.jpg)</li>
                <li>![](images/44.jpg)</li>
                <li>![](images/55.jpg)</li>
                <li>![](images/66.jpg)</li>
            </ul>
        </div>
    </div>
</body>
</html>

Paste_Image.png

例：模拟发布微博

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        ul,li{
            margin: 0;
            padding: 0;
        }
        a{
            text-decoration: none;
        }
        .box{
            width: 550px;
            margin: 0 auto;
            border: 1px solid #333;
        }
        textarea{
            width: 350px;
            height: 120px;
            resize: none;
            margin-top: 6px;
        }
        li{
            list-style: none;
            border-bottom: 1px dotted #999;
            margin: 5px 25px 5px 62px;
        }
        li a{
            float: right;
        }
    </style>
    <script type="text/javascript">
        window.onload = function () {
            var box = document.getElementById("box");

            var btn = box.getElementsByTagName("button")[0];
            var txt = box.getElementsByTagName("textarea")[0];

            var ul = document.createElement("ul");
            box.appendChild(ul);

            btn.onclick = function () {
                if(txt.value == ""){
                    alert("输入不能为空");
                }else{
                    //创建一个li
                    var newLi = document.createElement("li");
                    newLi.innerHTML = txt.value+"<a href='javascript:;'>删除</a>";

                    //清空输入框
                    txt.value = "";

                    var lis = ul.children;
                    if(lis.length == 0){//第一个直接插入
                        ul.appendChild(newLi);
                    }else{//以后每个都要插在第一个前面
                        ul.insertBefore(newLi,lis[0]);
                    }
                    //删除
                    var as = ul.getElementsByTagName("a");
                    for(var i=0;i<as.length ;i++){
                        as[i].onclick = function () {
                            var delLi = this.parentNode;
                            ul.removeChild(delLi);
                        }
                    }
                }
            }

        }
    </script>
</head>
<body>
    <div class="box" id="box">
        微博发布 <textarea></textarea> <button>发布</button>
    </div>
</body>
</html>

JS内置对象

日期函数 ( Date() )

这个函数（对象）可以设置我们本地日期。年月日时分秒

声明日期

var date = new Date();

创造声明一个新的日期函数赋值给了 date
var arr = new Array();

使用函数

例：日历实现

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .box{
            width: 200px;
            height: 200px;
            margin: 0 auto;
            border: 1px solid #ccc;
            background-color: green;
        }
        .box span{
            display: block;
            width: 100px;
            height: 100px;
            background: yellowgreen;
            text-align: center;
            line-height: 100px;
            margin: 10px auto;
            font-size: 50px;
        }
        .box p{
            text-align: center;
            color: #000;
        }
    </style>
    <script type="text/javascript">
        window.onload = function () {
            var box = document.getElementById("date");
            var childs = box.children;

            //日期函数
            var date = new Date();
            childs[1].innerHTML = date.getDate();//一个月中的日期

            var dateStr = ["日","一","二","三","四","五","六"];

            var str = date.getFullYear()+"年"+date.getMonth()+"月"+date.getDate()+"日 星期"+dateStr[date.getDay()];
            childs[0].innerHTML = str;
        }
    </script>
</head>
<body>
    <div class="box" id="date">
        <p>2015-11-24 星期五</p>
        <span>13</span>
    </div>
</body>
</html>

定时器 setInterval

很多情况下，一些操作不需要人工干预，代码自己会不断的去执行。而且会有时间的绑定。比如每隔 5秒钟就去执行一次事件。
　　我们可以设定时间让某个动作不断的去执行。这个我们再js 里面用定时器来表示。

window.setInterval(“执行的函数”,间隔时间)

正确的写法:setInterval(fun, 1000); 每隔1秒钟（1000ms），就去执行一次 fun 这个函数.
setInterval(“fun()”,1000); 可以这样写
setInterval( function(){} , 1000 ) ;
~~setInterval(fun(),1000);~~ 错误的写法

例：定时器

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        window.onload = function () {
//            var doubleDate = new Date("2107/11/11 00:00:00");
            var demo = document.getElementById("demo");
            setInterval(func , 1000);

            var num = 0;
            function func(){
                num++;
                demo.innerHTML = num;
            }
        }
    </script>
</head>
<body>
    <div id="demo">
        0
    </div>
</body>
</html>

定义自己的日期时间

var endTime = new Date(“2015/12/12”);`

如果date 括号里面写日期时间就是自己定义的日期时间
new Date(“2015/12/12 17:30:00”); 自定义日期时间
如果 date括号里面不写日期时间，就是当前日期时间。
new Date()当前日期时间
日期和时分秒中间有空格隔开

例：倒计时

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .demo{
            /*display: inline-block;*/
            /*width: 500px;*/
            margin: 100px auto;
            font-size: 36px;
            color: red;
            font-family: "simsun";
            text-align: center;
        }
    </style>
    <script type="text/javascript">
        window.onload = function () {
            var demo = document.getElementById("demo").getElementsByTagName("span")[0];
            var endTime = new Date("2017/6/9 17:30:00");

            setInterval(clock,1000);

            function clock(){
                var now = new Date();
                var second = parseInt((endTime.getTime()-now.getTime())/1000);
                //天数
                var day = parseInt(second/(60*60*24));
                day = day>9?day:("0"+day);
                //小时数
                var hour = parseInt((second/(60*60))%24);
                hour = hour>9?hour:("0"+hour);
                //分钟
                var min = parseInt(second/60%60);
                min = min>9?min:("0"+min);

                //秒
                var sec = parseInt(second%60);
                sec = sec>9?sec:"0"+sec;

                demo.innerHTML = day+"天"+hour+"时"+min+"分"+sec+"秒";
            }
        }
    </script>
</head>
<body>
    <div id="demo" class="demo">
        距离下一次放假还有：<span>00天00时00分00秒</span>
    </div>
</body>
</html>

例：时钟

要得到现在的时、分、秒
　　这里面有一个小玄机，比如现在是 9点整时针指向9是没错的，但是如果现在是 9点半时针应该指向的是 9到10 之间才对。所以，我们不但要得到现在的小时，还要得到已经过去了多少分。

ms = date.getMilliseconds(); // 现在的毫秒数
s = date.getSeconds() + ms / 1000;  //  得到秒 1.3 s
m = date.getMinutes() + s / 60;  //  得到的是分数  45.6分钟
h = date.getHours() % 12 + m / 60 ;

秒针在一格一格的跳，完整代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .clock{
            width: 600px;
            height: 600px;
            background: url("images/clock.jpg") no-repeat center;
            margin: 0 auto;
            position: relative;
        }
        .clock div{
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }
        .clock .h{
            background: url("images/hour.png") no-repeat center;
        }
        .clock .m{
            background: url("images/minute.png") no-repeat center;
        }
        .clock .s{
            background: url("images/second.png") no-repeat center;
        }
    </style>
    <script type="text/javascript">
        window.onload = function () {
            var hour = document.getElementById("hour");
            var minute = document.getElementById("minute");
            var second = document.getElementById("second");

            var h=0, m = 0,s = 0; ms = 0;
            //一开始刷新一次，因为定时器要一秒之后再执行
            refreshClock();

            //定时器
            setInterval(function () {
                refreshClock();
            } , 1000);

            function refreshClock(){
                //得到当前时间
                var now = new Date();

                s = now.getSeconds();
                //分针的旋转角度和分钟、秒钟数有关
                m = now.getMinutes() + s/60;
                //时针的旋转角度和小时、分钟数有关
                h = now.getHours() + m/60;

                second.style.webkitTransform = "rotate("+s*6+"deg)";
                minute.style.webkitTransform = "rotate("+m*6+"deg)";
                hour.style.webkitTransform = "rotate("+h*60+"deg)";
            }

        }
    </script>
</head>
<body>
    <div class="clock">
        <div class="h" id="hour"></div>
        <div class="m" id="minute"></div>
        <div class="s" id="second"></div>
    </div>
</body>
</html>

秒针平滑的过渡，完整代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .clock{
            width: 600px;
            height: 600px;
            background: url("images/clock.jpg") no-repeat center;
            margin: 0 auto;
            position: relative;
        }
        .clock div{
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }
        .clock .h{
            background: url("images/hour.png") no-repeat center;
        }
        .clock .m{
            background: url("images/minute.png") no-repeat center;
        }
        .clock .s{
            background: url("images/second.png") no-repeat center;
        }
    </style>
    <script type="text/javascript">
        window.onload = function () {
            var hour = document.getElementById("hour");
            var minute = document.getElementById("minute");
            var second = document.getElementById("second");

            var h=0, m = 0,s = 0; ms = 0;
            //一开始刷新一次，因为定时器要一秒之后再执行
            refreshClock();

            //定时器
            setInterval(function () {
                refreshClock();
            } , 10);

            function refreshClock(){
                //得到当前时间
                var now = new Date();

                ms = now.getMilliseconds();
                s = now.getSeconds()+ms/1000;
                //分针的旋转角度和分钟、秒钟数有关
                m = now.getMinutes() + s/60;
                //时针的旋转角度和小时、分钟数有关
                h = now.getHours() + m/60;

                second.style.webkitTransform = "rotate("+s*6+"deg)";
                minute.style.webkitTransform = "rotate("+m*6+"deg)";
                hour.style.webkitTransform = "rotate("+h*60+"deg)";
            }
        }
    </script>
</head>
<body>
    <div class="clock">
        <div class="h" id="hour"></div>
        <div class="m" id="minute"></div>
        <div class="s" id="second"></div>
    </div>
</body>
</html>

this

在事件注册的函数中
this 指向的是事件的调用者
在普通函数中
this指的是函数的使用者。
一般情况下，我们喜欢 var that = this;

var that = this; // 把 btn 对象给 that ，或者var _this = this;

关闭定时器

clearInterval(定时器名字);

例：发送短信的倒计时

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        window.onload = function () {
            var btn = document.getElementsByTagName("button")[0];
            var count;
            var that;
            var timer = null;
            btn.onclick = function () {
                //先清除原来的定时器
                if(timer) clearInterval(timer);
                count = 10;
//                btn.disabled = true;
                btn.setAttribute("disabled","true");

                timer = setInterval(sendTxtMsg,1000);
                that = this;
            }
            function sendTxtMsg(){
//                console.log(this);
//                console.log(that);
                if(count<=0){
                    clearInterval(timer);
                    that.innerHTML = "重新发送短信";
                    that.disabled = false;
                }else{
                    that.innerHTML = "还剩"+count+"s发送";
                    count--;
                }
            }

        }
    </script>
</head>
<body>
    <input type="text"/><button>发送短信</button>
</body>
</html>

定时器setTimeout

多少时间后执行，之执行一次

setTimeout(“函数”, 时间 ) ;

setInterval(fn,5000); 每隔 5秒钟，就去执行函数fn一次
setTimeout(fn,5000); 5秒钟之后，去执行 fn 函数，只执行一次

例：5秒之后关闭广告

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        #left{
            position: fixed;
            top: 240px;
            left: 0;
        }
        #right{
            position: fixed;
            top: 240px;
            right: 0;
        }
    </style>
    <script type="text/javascript">
        window.onload = function () {
            function $(id) {return document.getElementById(id);}
            function hide(id){
                $(id).style.display = "none";
            }
            setTimeout(closeAD,5000);
            function closeAD(){
                hide("left");
                hide("right");
            }
        }
    </script>
</head>
<body>
![](images/1.gif)
![](images/2.gif)
</body>
</html>

深层次的看待定时器区别

setInterval是排队执行的
　　假如间隔时间是1秒，而执行的程序的时间是2秒上次还没执行完的代码会排队, 上一次执行完下一次的就立即执行, 这样实际执行的间隔时间为2秒
setTimeout
　　setTimeout延迟时间为1秒执行, 要执行的代码需要2秒来执行,那这段代码上一次与下一次的执行时间为3秒.

JS页面跳转

JS 页面跳转: window.location.href = ”http://www.itcast.cn” ;
属于BOM对象的方法

例：5秒后跳转到百度首页

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        window.onload = function () {
            var demo = document.getElementById("demo");
            var count = 5;
            var speed = 1000;
            setTimeout(getIndexPager , speed);//1秒之后执行getIndexPager函数

            function getIndexPager(){
                count--;
                if(count<0){
                    window.location.href = "http://www.baidu.com"
                }else{
                    setTimeout(getIndexPager,speed);
                    demo.innerHTML = (count+1)+"秒之后跳转到百度";
                }
            }
        }
    </script>
</head>
<body>
    <span id="demo">5秒之后跳转到百度</span>
    <a href="http://www.baidu.com">首页</a>
</body>
</html>

如上所示，函数自己调用自己的过程我们称之为： 递归调用，递归调用必须有退出条件

arguments对象

function fn(a,b,c) {  console.log(a+b+c); alert(arguments.length;)}
fn(1,3,4,6);

arguments只在正在使用的函数内使用。

返回正在执行的函数：

arguments.callee;

返回的是正在执行的函数。也是在函数体内使用。在使用函数递归调用时推荐使用arguments.callee代替函数名本身。
function fn() { console.log(arguments.callee); }
这个callee 就是： function fn() { console.log(arguments.callee); }

所以上面的递归调用：setTimeout(getIndexPager,speed);可以改为：setTimeout(arguments.callee,speed);

例：图片滚动展示动画

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .box{
            width: 512px;
            height: 400px;
            overflow: hidden;
            margin: 100px auto;
            border: 2px solid #999;
            position: relative;
        }
        .box img{
            position: absolute;
            left: 0;
            top: 0;
        }
        .box .up{
            position: absolute;
            width: 100%;
            height: 200px;
            top: 0;
            left: 0;
        }
        .box .down{
            position: absolute;
            width: 100%;
            height: 200px;
            left: 0;
            bottom: 0;
        }
    </style>
    <script type="text/javascript">
        window.onload = function () {
            function $(id){return document.getElementById(id);}
            var spans = document.getElementsByTagName("span");
            var pic = $("pic");
            var num = 0;
            var upTimer = null;
            var downTimer = null;
            spans[0].onmouseover = function () {
                if(upTimer) clearInterval(upTimer);
                upTimer = setInterval(function(){
                    if(num > -(pic.height-400) ){
                        num-=3;
                        pic.style.top = num+"px";
                    }else{
                        //清除定时器
                        clearInterval(upTimer);
                    }
                },10);
            }
            spans[0].onmouseout = function () {
                if(upTimer) clearInterval(upTimer);//清除向上滚的定时器
            }

            spans[1].onmouseover = function () {
                if(downTimer) clearInterval(downTimer);
                downTimer = setInterval(function () {
                    if(num<0){
                        num++;
                        pic.style.top = num+"px";
                    }else{
                        clearInterval(downTimer);
                    }
                },10);
            }
            spans[1].onmouseout = function () {
                if(downTimer) clearInterval(downTimer);//清除向下滚的定时器
            }

        }
    </script>
</head>
<body>
    <div class="box">
        ![](images/mi.png)
        <span class="up"></span>
        <span class="down"></span>
    </div>
</body>
</html>

Javascript单线程

Javascript是单线程执行的，也就是无法同时执行多段代码，当某一段代码正在执行的时候，所有后续的任务都必须等待，形成一个队列，一旦当前任务执行完毕，再从队列中取出下一个任务，这也常被称为阻塞式执行。
　　如果代码中设定了一个setTimeout,那么浏览器便会在合适时间将代码插入任务队列，如果这个时间为0 ，便会立即插入任务队列，但不是立即执行，仍然要等待前面的代码执行完毕，所以setTimeout并不能保证执行的时间，是否及时执行取决于JavaScript的线程是拥挤还是空闲。

字符串对象

我们工作中经常进行字符串操作。

转换为字符串

字符串加法：2+ “” = “2” 2+”ab” = “2ab”
String() 转换为字符串
toString（基数）; 基数就是进制

var txt = 10;
txt.toString(2)       二进制      1010

获取字符位置方法

charAt，获取相应位置字符（参数：字符位置）
charCodeAt获取相应位置字符unicode编码（参数：字符位置）
var txt = “abcedf”;
比如， txt.charAt(4); 索引号一定是从0开始返回的结果是 d
我们根据我们输入的位数返回相应的字符。
unicode编码是我们字符的字符的唯一表示。

<script type="text/javascript">
        var txt1 = "haha";
        var txt2 = "你好";
        alert(txt1.charAt(1));//a
        alert(txt2.charAt(1));//好
        alert(txt1.charCodeAt(1));//97
        alert(txt2.charCodeAt(1));//22907
</script>

例：检测字符串的长度，中文占两个字符


    <script type="text/javascript">
        var txt = "what are you 弄啥咧！";
        function getStringLen(str){
            var len = 0;//存储字符串的总长度
            var c =0;//存储每个字符的编码
            for(var i=0;i<str.length;i++){
                c = str.charCodeAt(i);
                if(c>=0 && c<=127){
                    len++;
                }else{
                    len+=2;
                    console.log(c);
                }
            }
            return len;
        }
        alert(getStringLen(txt));
    </script>

字符表

最后编辑于：2017.12.08 01:27:13

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 220,884评论 6赞 513
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 94,212评论 3赞 395
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 167,351评论 0赞 360
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 59,412评论 1赞 294
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 68,438评论 6赞 397
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 52,127评论 1赞 308
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 40,714评论 3赞 420
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 39,636评论 0赞 276
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 46,173评论 1赞 319
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 38,264评论 3赞 339
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 40,402评论 1赞 352
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 36,073评论 5赞 347
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 41,763评论 3赞 332
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 32,253评论 0赞 23
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 33,382评论 1赞 271
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 48,749评论 3赞 375
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 45,403评论 2赞 358