JS实现全屏模式

  今天在项目上要实现一个全屏功能,翻了翻百度,实现的方式确有不少,经楼主再三斟酌,决定采用以下JS方式,所以跟大家分享一下。话不多说,下面直接贴出代码:




    
    
    desktop


全屏




点击全屏进入全屏模式,再次点击全屏退出全屏模式。

这里延伸一下,iframe和frameset 怎么样实现全屏功能。

iframe

修改iframe的allowfullscreen属性等于true

如:

frameset

实现方式同上多两步操作,具体代码如下:

frameset结构如下:

    
    
        
        
    
    


center.html代码如下:



    
    
    desktop


全屏





你可能感兴趣的:(JS实现全屏模式)