制作的天气预报(JSONP跨域)

最新推荐文章于 2024-07-01 11:21:48 发布

zoey-lyly

最新推荐文章于 2024-07-01 11:21:48 发布

阅读量542

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/acmliying/article/details/88932658

版权

本文介绍如何利用JSONP（JSON with Padding）技术跨域获取并展示天气预报数据，通过创建动态脚本标签解决跨域问题，将图片资源存储在指定URL并提供下载。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="weather.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <title>Weather</title>
</head>

<body>
    <div class="main">
        <i class="fa fa-refresh fa-lg position" aria-hidden="true"></i>
        <div class="weatherimg">
            <span class="title">今日天气</span>
            <div class="sign1"></div>     <!-- 当前天的天气  -->
        </div>
        <div class="guide">
            <ul class="sign1">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>

    </div>
    <div class="future">
        <p class="top">未来六天</p>
        <ul class="sign1">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <script src="weather.js"></script>
</body>

</html>

*{
    padding:0;
    margin:0;
    font-size:16px;
    text-decoration: none;
    lis

最低0.47元/天解锁文章

zoey-lyly

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
制作的天气预报(JSONP跨域)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="weather.css"> <link rel="stylesheet" href="https://cdn.static...
复制链接

扫一扫

专栏目录