fcc 对Random Quote Machine的总结

2017-05-27  本文已影响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>标签里的,嗯。


上一篇下一篇

猜你喜欢

热点阅读