美文网首页
fcc 对Random Quote Machine的总结

fcc 对Random Quote Machine的总结

作者: 实力御吹成宫鸣 | 来源:发表于2017-05-27 12:28 被阅读0次

    主要是两点,一个是点击按钮随机引语,一个是链接到新浪微博,这俩用js直接绑定click事件来做都比较方便,具体细节总结了一下。

    1、随机数的生成:

    Math.random(); 结果为0-1间的一个随机数(包括0,不包括1)

    Math.random()*n;结果为0-n之间的一个随机数(小数)

    Math.floor(num); 参数num为一个数值,函数结果为num的整数部分。

    Math.round(num); 参数num为一个数值,函数结果为num四舍五入后的整数。

    Math.ceil(n); 返回大于等于n的最小整数。

    2、text() 方法设置被选元素的文本内容:

    $("#quote").text(ranquote); //将class为quote的文本内容替换为ranquote内容

    $("#name").text(ranname);

    3、window.open()方法打开窗口

    window.open(URL,name,features,replace)//都可选

    myWindow=window.open('','','width=200,height=100')

    name一个可选的字符串,声明了新窗口的名称。

    features一个可选的字符串,声明了新窗口要显示的标准浏览器的特征。如果省略该参数,新窗口将具有所有标准特征。

    4、分享到新浪微博

    http://service.weibo.com/share/share.php?appkey=&title=&url=&pic=&searchPic=false&style=simple

    这是初始的url,都为空。

    此处title为分享输入框里默认要显示的内容,如果有,去掉&,将它改为要显示的字符串就行了。

    url,pic同理。

    具体可以随便找个什么分享一下当例子,比如b站。

    $(".fa-weibo").click(function() {

    window.open("http://service.weibo.com/share/share.php?appkey=&title="+ranquote+"——"+ranname+"来自Random QuoteMachine"+"&url=&pic=&searchPic=false&style=simple",'','width=100,height=100');

    });


    5、图标引用

    <a href="#" title="分享到新浪微博"><i class="fa fa-weibo"></i></a>

    都是放在<i>标签里的,嗯。


    相关文章

      网友评论

          本文标题:fcc 对Random Quote Machine的总结

          本文链接:https://www.haomeiwen.com/subject/rrqqfxtx.html